Comprendre les Core Web Vitals (LCP, INP, CLS)
LCP, INP, CLS : découvrez les trois métriques Core Web Vitals, leurs seuils et les outils Google pour mesurer l'expérience réelle de vos visiteurs.
Les Core Web Vitals sont une initiative de Google qui regroupe les signaux essentiels pour quantifier la qualité de l’expérience utilisateur sur le Web. Plutôt que de multiplier les indicateurs techniques, l’idée est de se concentrer sur trois métriques mesurables et centrées sur l’utilisateur réel, qui couvrent trois aspects clés : la vitesse de chargement perçue, la réactivité aux interactions et la stabilité visuelle de la page.
Pour le SEO, ces signaux comptent doublement. D’une part, ils font partie des critères pris en compte par Google pour évaluer l’expérience sur la page. D’autre part, une page rapide, réactive et stable retient mieux les visiteurs, réduit les abandons et soutient indirectement vos conversions. Comprendre ces métriques est donc le point de départ de tout travail de performance.
Ce que j’apprécie dans les Core Web Vitals, c’est qu’ils coupent court aux débats interminables sur des dizaines d’indicateurs techniques. Trois métriques, trois aspects concrets de l’expérience réelle. Le piège classique que je vois en mission, c’est de raisonner sur la moyenne de son site alors que tout se joue au 75e centile des visites, donc sur les utilisateurs les moins bien lotis.
Les trois métriques Core Web Vitals
L’ensemble actuel des Core Web Vitals se compose de trois métriques stables. Le LCP (Largest Contentful Paint) mesure le chargement : le temps mis pour afficher le plus grand élément de contenu visible. L’INP (Interaction to Next Paint) mesure l’interactivité : la rapidité avec laquelle la page réagit aux interactions. Le CLS (Cumulative Layout Shift) mesure la stabilité visuelle : l’ampleur des décalages de mise en page inattendus.
Chaque métrique reflète un résultat concret ressenti par l’utilisateur et reste mesurable sur le terrain, c’est-à-dire à partir de vraies visites.
| Métrique | Aspect mesuré | Ce qu'elle évalue |
|---|---|---|
LCP (Largest Contentful Paint) |
Chargement |
Délai d’affichage du plus grand élément visible (image, vidéo ou bloc de texte) |
INP (Interaction to Next Paint) |
Interactivité |
Réactivité de la page à l’ensemble des interactions (clics, appuis, frappes clavier) |
CLS (Cumulative Layout Shift) |
Stabilité visuelle |
Fréquence et ampleur des décalages de mise en page inattendus |
Les seuils de référence et le 75e centile
Chaque métrique est associée à des seuils qui classent la performance en trois niveaux : Bon, À améliorer et Médiocre. Pour qu’un résultat soit représentatif, Google recommande de mesurer la valeur au 75e centile des chargements de pages, en séparant mobile et ordinateur. Concrètement, si au moins 75 % des visites atteignent le seuil Bon, la page est considérée comme performante pour cette métrique ; nous détaillons ce classement dans les seuils des Core Web Vitals.
| Métrique | Bon | À améliorer | Médiocre | Centile |
|---|---|---|---|---|
LCP |
2,5 s ou moins |
Entre 2,5 s et 4 s |
Plus de 4 s |
75e |
INP |
200 ms ou moins |
Entre 200 ms et 500 ms |
Plus de 500 ms |
75e |
CLS |
0,1 ou moins |
Entre 0,1 et 0,25 |
Plus de 0,25 |
75e |
Mesurer sur le terrain ou en laboratoire
Deux familles d’outils coexistent. Les outils terrain s’appuient sur des données d’utilisateurs réels et restent la référence, car ils reflètent la diversité des appareils et des réseaux. Les outils de laboratoire chargent la page dans un environnement contrôlé : ils sont parfaits pour tester avant mise en ligne et détecter les régressions, mais ne remplacent pas les données terrain.
Un point à retenir : Lighthouse ne peut pas mesurer l’INP, car aucune interaction n’est simulée. Il s’appuie alors sur le TBT (Total Blocking Time) comme indicateur de substitution en laboratoire.
| Outil | Type | Métriques couvertes |
|---|---|---|
Rapport sur l’expérience utilisateur Chrome (CrUX) |
Terrain |
LCP, INP, CLS |
PageSpeed Insights |
Terrain et laboratoire |
LCP, INP, CLS |
Search Console (rapport Core Web Vitals) |
Terrain |
LCP, INP, CLS |
Outils pour les développeurs Chrome |
Laboratoire |
LCP, INP, CLS |
Lighthouse |
Laboratoire |
LCP, CLS (INP via le TBT) |
Les scores de laboratoire et les scores terrain peuvent diverger, car ils ne mesurent pas la même chose. Les performances réelles dépendent de l’appareil, du réseau et de la façon dont chaque internaute interagit avec la page. Pour évaluer la conformité aux Core Web Vitals, fiez-vous aux données terrain au 75e centile, et servez-vous du laboratoire pour diagnostiquer et tester.
À faire
- suivre les trois métriques ensemble
- raisonner au 75e centile
- séparer mobile et ordinateur
- mettre en place un suivi des utilisateurs réels
À éviter
- juger une page sur un seul score de laboratoire
- ignorer le mobile
- confondre l’INP et le TBT
- viser une moyenne plutôt qu’un centile
Points clés à retenir
- Surveillez le LCP pour le chargement, l'INP pour l'interactivité et le CLS pour la stabilité visuelle.
- Visez le seuil Bon : LCP 2,5 s, INP 200 ms, CLS 0,1.
- Évaluez toujours au 75e centile, mobile et ordinateur séparés.
- Mesurez sur le terrain en priorité, et utilisez le laboratoire pour diagnostiquer.
- Reliez ces métriques à vos objectifs SEO et de conversion.
Les Core Web Vitals résument l’expérience en trois signaux mesurables.
Quiz : testez vos connaissances
Quiz : testez vos connaissances
-
Combien de métriques composent l'ensemble actuel des Core Web Vitals ?
- Trois métriques stables : le LCP, l'INP et le CLS
- Cinq métriques qui couvrent tous les aspects techniques d'une page
- Une seule métrique globale qui résume la performance
Les Core Web Vitals reposent sur trois métriques stables : le LCP pour le chargement, l’INP pour l’interactivité et le CLS pour la stabilité visuelle.
-
À quel centile Google recommande-t-il de mesurer la valeur de chaque métrique ?
- À la moyenne de tous les chargements de pages
- Au 75e centile des chargements de pages
- Au 50e centile pour rester proche du visiteur médian
Google recommande le 75e centile car il garantit qu’une large majorité des visites atteint la cible, là où une moyenne masquerait les valeurs aberrantes.
-
Que mesure précisément la métrique LCP (Largest Contentful Paint) ?
- Le nombre de décalages visuels pendant le chargement
- Le temps mis pour afficher le plus grand élément de contenu visible
- La rapidité de la première interaction du visiteur avec la page
Le LCP mesure le chargement, c’est-à-dire le temps mis pour afficher le plus grand élément de contenu visible à l’écran.
Besoin d'un accompagnement SEO ?
Vos Core Web Vitals sont dans le rouge et vous ne savez pas par où commencer ?