Les recommandations ci-dessous aideront non seulement à améliorer Core Web Vitals, mais également à améliorer la santé SEO globale du site.
Les widgets personnalisés ne sont pas toujours lents à charger, mais s'ils nécessitent des appels à des API externes ou à des outils tiers, ils peuvent l'être. Les widgets lourds sont des widgets qui, par définition, nécessitent des appels d'API externes ou du code tiers pour se charger complètement. Par exemple, le widget Carte, le widget de fil Twitter, le widget Vidéo, n'importe quel widget Facebook, etc.
Note
Le « pli » d'un site Web fait référence à la partie de la page Web qui est visible sans défilement. Il s'agit du contenu que vous voyez immédiatement lorsque vous chargez la page pour la première fois. Tout ce que vous devez faire défiler vers le bas pour voir est considéré comme « en dessous du pli ».
Les widgets personnalisés et lourds 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 des pages.
Astuce
Pour les widgets personnalisés, 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 depuis le thread principal, etc.
Les polices sont automatiquement téléchargées et intégrées au code HTML de votre page (jusqu'à 50 Ko de polices), ce qui accélère l'affichage des polices par votre navigateur. Cela permet d'éviter le CLS et les clignotements de police courants lors du chargement des pages
Astuce
Essayez également de réduire au minimum le nombre de poids.
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, la mise en œuvre de Google Tag Manager ne vaut peut-être pas la peine.
Astuce
Si le gestionnaire de balises Google est installé sur votre site, consultez Gestionnaire de balises Google pour obtenir des conseils sur la manière de s'assurer que le code de suivi se charge correctement et ne ralentit pas le site.
Ne chargez qu'une seule image au-dessus du pli et placez les vidéos d'arrière-plan en dessous du pli
Les images et les vidéos d'arrière-plan constituent généralement la ressource la plus importante que les navigateurs téléchargent sur un site. Lorsqu'il y a beaucoup d'images, de grandes images (celles qui occupent la plus grande partie de la largeur de page) ou de vidéos, il peut y avoir un retard dans le LCP et une augmentation du CLS car le navigateur doit télécharger les éléments avant de pouvoir les afficher
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 miniature.
Astuce
Déplacez les vidéos d'arrière-plan et les diaporamas vers le bas de la page. Si vous souhaitez utiliser un diaporama, limitez-le à 3 images ou moins
Les Core Web Vitals peuvent avoir un impact important sur la façon dont les sites sont classés par Google et promettent d'apporter de grandes choses à l'expérience utilisateur.
Pour des vidéos, des rediffusions de webinaires et bien plus encore, visitez notre Centre de ressources Core Web Vitals, entièrement consacré à la préparation de vos sites pour Core Web Vitals.