Les Core Web Vitals sont trois métriques définies par Google pour mesurer objectivement l'expérience utilisateur d'une page web : la vitesse de chargement, la réactivité aux interactions et la stabilité visuelle. Depuis 2021, elles font officiellement partie des signaux de classement de Google — un facteur modeste, mais bien réel.
Que sont les Core Web Vitals ?
Les trois métriques sont les suivantes :
- LCP (Largest Contentful Paint) : le temps nécessaire à l'affichage du plus grand élément visuel de la page.
- INP (Interaction to Next Paint) : le temps que met la page à réagir à un clic ou à un appui de l'utilisateur.
- CLS (Cumulative Layout Shift) : l'ampleur des déplacements inattendus des éléments pendant le chargement de la page.
Toutes trois sont calculées à partir de données d'utilisateurs réels (télémétrie anonyme des utilisateurs de Chrome) ; il ne s'agit pas de tests en laboratoire, mais de l'expérience réelle de vrais visiteurs.
LCP — Largest Contentful Paint
Le LCP correspond au moment où l'utilisateur a le sentiment que « la page est chargée » — généralement une image principale, un bloc de titre ou une grande vignette vidéo. Les seuils de Google :
| Valeur | Évaluation |
|---|---|
| 2.5 secondes ou moins | Bon |
| 2.5 – 4 secondes | À améliorer |
| Plus de 4 secondes | Médiocre |
Causes les plus fréquentes : grandes images non optimisées, temps de réponse du serveur lent, fichiers CSS/JS bloquant le rendu et polices chargées tardivement.
INP — Interaction to Next Paint
L'INP, qui a remplacé en 2024 l'ancienne métrique FID (First Input Delay), mesure la réactivité non pas d'une seule première interaction, mais de toutes les interactions de la page. Il détecte si l'écran se fige lorsque vous appuyez sur un bouton.
| Valeur | Évaluation |
|---|---|
| 200 millisecondes ou moins | Bon |
| 200 – 500 ms | À améliorer |
| Plus de 500 ms | Médiocre |
La cause la plus fréquente est l'exécution de JavaScript lourd qui occupe longtemps le thread principal (main thread) — en particulier les scripts tiers exécutés pendant le chargement (publicité, chat en direct, outils d'analyse).
CLS — Cumulative Layout Shift
Vous êtes sur le point de cliquer sur un article, la page se décale soudainement et vous cliquez par erreur sur une publicité — c'est précisément ce que mesure le CLS. Les images sans dimensions définies, les emplacements publicitaires/bannières chargés après coup et les polices chargées tardivement (font swap) en sont les causes les plus courantes.
| Valeur | Évaluation |
|---|---|
| 0.1 ou moins | Bon |
| 0.1 – 0.25 | À améliorer |
| Plus de 0.25 | Médiocre |
Quel impact réel sur le SEO ?
Il est important d'avoir des attentes réalistes : les Core Web Vitals ne sont pas un facteur de classement aussi puissant que la qualité du contenu et l'adéquation à l'intention de recherche. Selon Google lui-même, ils servent à départager « deux contenus de qualité équivalente » — autrement dit, un bon score Web Vitals ne sauvera pas un contenu faible, mais entre deux pages de qualité similaire, la plus rapide peut prendre l'avantage.
Leur effet indirect est toutefois plus important que leur effet direct : une page lente et instable fait fuir l'utilisateur, augmente le taux de rebond et réduit la durée des sessions — et ces signaux comportementaux influencent le classement bien plus fortement que les Core Web Vitals.
Comment les mesurer ?
- PageSpeed Insights : affiche sur un seul écran les données d'utilisateurs réels (si disponibles) et les tests en laboratoire. Le point de départ le plus pratique.
- Search Console → Signaux Web essentiels : regroupe toutes les pages de votre site et indique lesquelles sont « bonnes », « à améliorer » ou « médiocres ».
- Chrome DevTools → Lighthouse : fournit une analyse instantanée et détaillée dans la console de développement.
Étapes pratiques d'amélioration
- Convertissez vos images dans un format moderne. Utilisez WebP/AVIF, compressez-les à leur taille
d'affichage réelle et différez celles situées sous la ligne de flottaison avec
loading="lazy". - Attribuez des dimensions fixes aux images et aux emplacements publicitaires. Le navigateur doit savoir quel espace réserver avant le chargement du contenu — cela améliore directement le CLS.
- Réduisez les ressources bloquant le rendu. Chargez les fichiers CSS/JS non critiques de manière différée (defer/async).
- Optimisez les polices. Utilisez
font-display: swapet ne chargez pas les graisses/caractères inutiles. - Limitez les scripts tiers. Chaque script de chat en direct, d'analyse ou de publicité ajouté peut dégrader l'INP ; ne conservez que ceux dont vous avez réellement besoin.
- Réduisez le temps de réponse du serveur. La mise en cache (caching) et le choix d'un bon hébergement sont les leviers du LCP les plus négligés, mais aussi les plus efficaces.
Ordre de priorité : le gain le plus important vient généralement des images — sur la plupart des sites, le problème de LCP provient d'une seule grande image non optimisée. Corrigez-la d'abord, puis passez aux autres points.
Si vous n'attirez pas de visiteurs malgré une bonne vitesse de page, le goulot d'étranglement se situe au niveau de la visibilité — dans ce cas, consultez notre guide pour augmenter le CTR ou notre article général sur l'augmentation du trafic organique.