Les recommandations ci-dessous vous aideront non seulement à réaliser les Vitaux Web de base, mais aussi à améliorer la santé globale du site SEO.
Les sites widget personnalisés ne sont pas toujours lents à charger, mais s'ils nécessitent des appels à des API externes ou à des sites tiers tool, ils peuvent l'être. Les sites widget lourds sont des sites widget qui, par définition, nécessitent des appels d'API externes ou du code de tiers pour se charger complètement. Par exemple, le widget Carte, le widget Flux Twitter, le widget Vidéo, n'importe quel widget Facebook, etc.
Remarque
Le "fold" d'un site web désigne la partie de la page web qui est visible sans défilement. C'est le contenu que vous voyez immédiatement lorsque vous chargez la page pour la première fois. Tout ce que vous devez faire défiler pour le voir est considéré comme "en dessous du pli."
Les sites widget lourds et personnalisés peuvent avoir des temps de chargement différents les uns des autres, ce qui peut réduire le LCP et l'expérience globale de chargement de la page.
Conseil
Pour le site widget, demandez à votre développeur d'améliorer la façon dont le contenu est rendu et récupéré grâce à des techniques telles que le chargement asynchrone, la récupération de données hors du fil d'exécution principal, etc.
Les polices sont automatiquement téléchargées et intégrées dans le code HTML de votre page (jusqu'à un maximum de 50 Ko de polices), ce qui accélère l'affichage des polices dans votre navigateur. Cela permet d'éviter les CLS et les flashs de police que l'on voit souvent sur les pages de chargement.
Conseil
Essayez également de réduire le nombre de poids au minimum.
Les images et les vidéos d'arrière-plan sont généralement les éléments les plus importants que les navigateurs téléchargent sur un site. Lorsqu'il y a beaucoup d'images, de grandes images (celles qui occupent la majeure partie de la largeur de la page) ou de vidéos, il peut y avoir un retard dans le LCP et une augmentation du CLS parce que le navigateur doit télécharger les éléments avant qu'ils ne soient rendus.
Si vous avez besoin de plusieurs images au-dessus du pli, réduisez la taille de l'image à celle d'une icône ou d'une vignette.
Conseil
Déplacez les vidéos d'arrière-plan et les diaporamas plus bas sur la page. Si vous souhaitez utiliser un diaporama, limitez-le à 3 images ou moins.
Core Web Vitals peut avoir un impact important sur la manière dont les sites sont classés par Google et promet d'apporter beaucoup à l'expérience des utilisateurs.
Vous trouverez des vidéos, des rediffusions de séminaires en ligne et bien d'autres choses encore dans notre centre de ressources sur les Vitaux Web de base, entièrement consacré à la préparation de vos sites pour les Vitaux Web de base.