Outils

Seuils Core Web Vitals : référence LCP, INP et CLS

Lisez les limites des métriques avec les conditions qui donnent un sens à leur mesure.

Largest Contentful Paint (LCP)

Définition

Temps de rendu de la plus grande image, image vidéo ou zone de texte visible dans la fenêtre, mesuré depuis le début du chargement.

Comment la mesure est faite

Chrome le mesure auprès des utilisateurs réels et Lighthouse en laboratoire. Pour l'évaluation terrain, c'est le 75e centile des chargements qui compte.

Les données terrain CrUX utilisent le 75e centile sur 28 jours glissants ; un test de laboratoire isolé est différent.

Seuils

  • Bon Bon : 2.5 s ou moins
  • À améliorer À améliorer : au-dessus de 2.5 s et jusqu'à 4.0 s
  • Mauvais Mauvais : plus de 4.0 s

Comment l'améliorer

  • Rendez le contenu susceptible de déterminer le LCP détectable dans le HTML initial, si possible.
  • Ne chargez pas l'image LCP en différé ; utilisez fetchpriority="high" de manière ciblée pour l'image initiale importante.
  • Réduisez le temps de réponse du serveur et les ressources CSS et JavaScript qui bloquent le rendu.
  • Utilisez des images adaptatives et compressées dans des formats modernes.

Les seuils suivent les recommandations de Google. Consultez la documentation liée pour vérifier les changements. web.dev

Comment utiliser cet outil

  1. Identifiez la métrique et son unité dans le rapport source.
  2. Déterminez s’il s’agit du terrain au 75e centile ou d’un test de laboratoire individuel.
  3. Comparez la valeur aux plages bonne, à améliorer et mauvaise.
  4. Consultez le guide associé pour rechercher la cause d’une valeur hors de la bonne plage.

Séparez mobile et ordinateur. Vérifiez également si le rapport concerne une URL ou une origine réunissant plusieurs pages. Les seuils classent les deux, mais le périmètre limite ce que vous pouvez conclure sur une page précise.

Comprendre les résultats

LCP mesure le chargement du plus grand contenu visible éligible. Jusqu’à 2,5 secondes incluses, il est bon. Au-delà de 2,5 et jusqu’à 4,0, il faut l’améliorer ; au-delà de 4,0, il est mauvais.

INP mesure la réponse aux interactions admissibles. Jusqu’à 200 millisecondes, il est bon. Au-delà de 200 et jusqu’à 500, il faut l’améliorer ; au-delà de 500, il est mauvais.

CLS décrit les déplacements inattendus sans unité de temps. Jusqu’à 0,1, il est bon. Au-delà de 0,1 et jusqu’à 0,25, il faut l’améliorer ; au-delà de 0,25, il est mauvais. N’ajoutez ni secondes ni millisecondes.

Ces plages suivent la documentation Google. Elles ne correspondent pas à la note Lighthouse de 0 à 100. Le guide débutant explique le lien entre métriques et outils.

Que signifie le 75e centile ?

Le p75 est une valeur supérieure ou égale à environ trois quarts des observations de la population concernée. Ce n’est ni la moyenne ni le test le plus rapide. Cette méthode permet de juger si une grande part des visites respecte les objectifs.

Un test de laboratoire aide au diagnostic, sans établir un centile de population. Lisez le guide terrain et laboratoire avant de comparer des méthodes ou périodes différentes.

Que faire si une métrique manque ?

Une absence doit rester une absence. Une visite sans interaction admissible ne fournit pas d’INP, et une page peut manquer d’observations de terrain pour être publiée dans le rapport.

Consultez les règles de la source. PSI peut évaluer de bons LCP et CLS si INP est insuffisant ; sans assez de LCP ou de CLS, il ne peut pas évaluer. Cela n’autorise ni un INP inventé ni l’emprunt de la valeur d’une autre page.

Comment agir près d’un seuil ?

Conservez valeurs et distributions, pas seulement la couleur. Une petite régression peut franchir une limite, tandis que l’arrondi masque certaines différences. Examinez des pages représentatives et répétez des tests comparables.

Utilisez le vérificateur Core Web Vitals avec vos mesures puis suivez la bonne procédure technique. Un seuil aide à prioriser ; il ne promet ni classement ni bonne expérience pour chaque visiteur.

Guides associés