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 les widgets personnalisés, demandez à votre développeur d'améliorer la manière 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.
Google tag Manager peut télécharger des bibliothèques et du code supplémentaires dont vous n'avez pas besoin, ce qui peut réduire le LCP. Si vous ne disposez que d'une ou deux technologies de suivi, il n'est peut-être pas utile de mettre en œuvre Google tag Manager.
Conseil
Si vous avez installé Google tag Manager sur votre site, consultez Google tag Manager pour savoir comment vous assurer que le code de suivi se charge correctement et ne ralentit pas le site.
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 épreuves essentielles du Web, entièrement consacré à la préparation de vos sites pour les épreuves essentielles du Web.