Core Web Vitals : que mesurent LCP, INP et CLS ?

Les Core Web Vitals, appelés « Signaux Web essentiels » dans les outils Google en français, sont trois mesures qui traduisent la façon dont un visiteur perçoit une page : s'affiche-t-elle vite, réagit-elle quand on clique, reste-t-elle stable pendant le chargement ? Google les utilise dans son évaluation de l'expérience sur la page. Voici ce que mesure chacun, les seuils à viser et les moyens de les améliorer.

Que mesurent les trois indicateurs ?

• LCP (Largest Contentful Paint) : le temps nécessaire pour afficher le plus grand élément visible à l'ouverture de la page, souvent une image principale ou un bloc de titre. Il mesure la vitesse de chargement perçue.
• INP (Interaction to Next Paint) : le délai entre une interaction (clic, toucher, frappe au clavier) et la mise à jour visible de la page. Il mesure la réactivité sur l'ensemble de la visite. L'INP a remplacé le FID en mars 2024.
• CLS (Cumulative Layout Shift) : l'ampleur des déplacements inattendus du contenu pendant la visite, par exemple un bouton qui descend quand une image se charge au-dessus. Il mesure la stabilité visuelle.

Quels seuils faut-il atteindre ?

Une page est jugée bonne sur un indicateur lorsque le seuil est atteint pour au moins 75 % des visites, ce qu'on appelle le 75e centile. Les résultats sont évalués séparément sur mobile et sur ordinateur.

Où consulter les Core Web Vitals de votre site ?

• PageSpeed Insights : pour une page donnée, il affiche les données de terrain issues de vrais utilisateurs de Chrome, quand elles existent, et un diagnostic de laboratoire.
• Google Search Console : le rapport Signaux Web essentiels regroupe les pages de votre site par statut et par type de problème.
• Les outils de développement du navigateur : ils permettent d'observer le chargement et les interactions en direct.

Les données de terrain ne sont disponibles que pour les pages et les sites qui reçoivent assez de visites. À défaut, les tests de laboratoire donnent une indication, avec une limite : ils ne mesurent pas directement l'INP, qui dépend d'interactions réelles.

Comment améliorer le LCP ?

• Réduire le poids de l'image principale et la servir dans un format moderne.
• Ne pas différer le chargement de cette image : le chargement différé est réservé aux images situées plus bas.
• Accélérer la réponse du serveur, notamment grâce au cache.
• Limiter les fichiers CSS et JavaScript qui bloquent l'affichage.

Comment améliorer l'INP ?

• Réduire la quantité de JavaScript exécutée, en particulier celle des scripts tiers.
• Découper les traitements longs pour que le navigateur puisse répondre entre deux tâches.
• Afficher un retour visuel immédiat après un clic, même si le traitement se poursuit.

Comment améliorer le CLS ?

• Indiquer la largeur et la hauteur des images et des vidéos.
• Réserver l'emplacement des bannières, publicités et contenus intégrés.
• Éviter d'insérer du contenu au-dessus de celui que le visiteur lit déjà.
• Choisir un mode de chargement des polices qui limite les changements d'apparence du texte.

Les Core Web Vitals influencent-ils le référencement ?

Ils font partie des signaux d'expérience sur la page utilisés par Google, mais la documentation de Google Search rappelle que la pertinence du contenu reste prioritaire. De bons résultats ne compensent pas un contenu faible ; à contenu comparable, une page agréable à utiliser part avec un avantage. Leur premier intérêt reste le visiteur : une page rapide et stable est plus facile à lire, à parcourir et à utiliser. Ils complètent donc le travail de SEO sans le remplacer.

La page maintenance de site internet présente la façon dont NexSecure suit ces indicateurs après la mise en ligne.