Qu’est-ce que le Largest Contentful Paint et comment l’optimiser ? 

 

Dans quelques semaines, Google commencera à utiliser de nouveaux indicateurs dans son algorithme de classement : les Core Web Vitals. Ceux-ci visent à améliorer l’expérience d’utilisation des visiteurs d’un site web. Bien que le classement de Google ne soit pas révolutionné du jour au lendemain par ces nouveaux indicateurs, il est utile de prendre le temps d’optimiser son site dès aujourd’hui ! Pour ce faire, nous vous présentons le premier indicateur, le Largest Contentul Paint (LCP), et nous vous proposons quelques pistes d’optimisation !

 

Les « Core Web Vitals » visent à améliorer l’expérience utilisateur globale des usagers de votre site internet. Le premier indicateur, le « Largest Contentful Paint » mesure le temps nécessaire pour que le contenu le plus lourd de la page soit complètement chargé. Cela vise à répondre à l’hypothèse de Google qu’un site n’est utile à son visiteur que s’il peut trouver rapidement le contenu qui lui est nécessaire.

 

Actuellement, le « Largest Contentful Paint » peut être appliqué sur deux types de contenu, soit un bloc de texte ou une image. Toutefois, Google n’exclut pas d’introduire dans le futur d’autres types d’éléments, comme les vidéos. Contrairement aux indicateurs classiques de chargement des pages, le « Largest Contentful Paint » ne sera mesurable que sur les éléments visibles au sein de la fenêtre d’affichage, le « viewport », c’est-à-dire la portion de page visible pour l’utilisateur sans que celui-ci doive naviguer sur la page.

 

Comment mesurer le « Largest Contentful Paint » ?

 

Google propose plusieurs outils pour mesurer et identifier le « Largest Contentful Paint » :

 

  • Au sein de la Search Console, Google a introduit un nouveau rapport : les « Signaux web essentiels »Celui-ci détaillera le résultat de votre site tant pour la version ordinateur que la version mobileAttention toutefois, les données du rapport sont récoltées sur le terrain et ce, uniquement via les visites des utilisateurs du navigateur Google Chrome. Il faut attendre environ 28 jours pour que Google récolte suffisamment de données sur votre site afin que le rapport soit utile. Gardez cela en tête lorsque vous optimiserez votre site.

 

  • Si vous souhaitez avoir une rétroaction immédiate sur votre travail d’optimisation, utilisez l’outil PageSpeed Insight. L’avantage de ce dernier est qu’il va à la fois vous présenter les données de terrain, mais également des résultats issus de l’outil Lighthouse. Ces derniers sont des résultats de laboratoire ne nécessitant pas d’attente contrairement aux données de terrain. Cependant, il faut garder à l’esprit que Google utilisera exclusivement les données de terrain au sein de son algorithme !

 

  • Pour aller plus loin, vous pouvez également utiliser les outils de développement intégrés à Google Chrome. Ces derniers vous donneront accès à des données plus techniques, dont notamment quel élément est considéré comme étant le Largest Contentful Paint (LCP) de votre site !

 

Outils de développement de Google Chrome et Largest Contentful Paint

Dans le cas de cette page, les outils de développement de Google Chrome permettent d’identifier facilement le « Largest Contentful Page » 

 

Qu’est-ce qu’un bon score pour le « Largest Contentful Page » ?  

 

Votre score pour l’indicateur « Largest Contentful Page » sera considéré comme bon en dessous de 2.5 secondes et mauvais au-dessus de 4 secondes.

 

Score Largest Contentful Paint

 

Comment optimiser son site? 

 

Il est possible d’optimiser son site afin d’obtenir un meilleur score pour le « Largest Contentful Paint ». Nous vous proposons quelques techniques issues directement de nos pratiques en tant qu’agence SEO! 

 

Optimisez votre contenu 

 

Comme indiqué auparavant, les images sont prises en considération pour calculer le « Largest Contentful Paint », il est donc nécessaire de les optimiser afin de réduire leur temps de chargement. Pour ce faire, commencez par utiliser des images prévues pour un usage web, c’est-à-dire au format JPEG ou WebP. Compressez ensuite vos images afin de diminuer leur taille totale, ce qui améliorera leur chargement ! Enfin, bannissez les GIF pour vos animations et remplacez-les par des vidéos. 

 

Réduisez le temps de chargement de vos codes CSS et JavaScript 

 

Pour ce faire, plusieurs méthodes peuvent être utilisées et combinées, soit lors de la conception de votre site ou par la suite. Vous pouvez minifier vos fichiers de code CSS et JavaScript. Ceci vise à compresser votre code en supprimant tous les caractères inutiles de votre code, comme les commentaires. Vous pouvez également vous assurer que le code chargé par votre page est utile au rendu de votre page. Si cela n’est pas le cas, mettez en place des techniques pour reporter le chargement du code non nécessaire. 

 

Préchargez ou différez le chargement de votre contenu 

Dans le cadre de l’amélioration du score « Largest Contentful Paint », le but est de charger cet élément le plus rapidement possible. Si certains éléments sont cruciaux pour l’affichage de votre site, une police d’écriture par exemple, n’hésitez pas à les précharger afin qu’ils soient fonctionnels le plus rapidement possible. À contrario, vous pouvez différer le chargement d’éléments nocruciaux à plus tard.  

 

Mettez votre contenu en cache 

Plus votre serveur met du temps pour répondre à la demande du visiteur, plus le délai de chargement du « Largest Contentful Page » sera long. Vous pouvez toujours améliorer cela en plaçant le contenu de votre site en cache. La mise en cache vise à héberger temporairement des ressources utilisées par votre site sur l’ordinateur ou l’appareil mobile des visiteurs. Ce faisant, lors des futures visites de l’utilisateur, votre site se chargera plus rapidement !  

 

En bref…  

Améliorer la vitesse de chargement de son site prend du temps afin d’arriver à de bons résultats, mais dans le futur, cela impactera directement votre classement Google! N’hésitez pas à contacter un de nos experts pour en savoir plus! 

 

Abonnez-vous à notre blogue

Restez à l'affut des nouveautés en matière de marketing numérique en recevant tous les mercredis nos derniers articles!

Ces articles pourraient vous intéresser...