Core Web Vitals expliqués simplement : guide concret

Les Core Web Vitals sont des métriques Google qui mesurent l'expérience réelle de vos visiteurs : vitesse d'affichage, réactivité et stabilité visuelle. Un site qui échoue sur ces trois indicateurs perd des positions dans les résultats de recherche — et des clients potentiels avant même qu'ils aient lu une ligne.

Si vous avez reçu un rapport PageSpeed Insights et que les termes « LCP », « INP » ou « CLS » ne vous disent rien, ce guide est fait pour vous. On va poser les bases, puis traduire chaque métrique en décision concrète.

Core Web Vitals : c'est quoi exactement ?

Google a défini trois signaux de performance qui représentent l'expérience utilisateur réelle sur une page web : LCP, INP et CLS. Ces trois métriques entrent dans le calcul du classement depuis 2021 et sont mesurées à partir de données de vrais utilisateurs Chrome.

Ce qui distingue les Core Web Vitals des autres métriques de performance, c'est qu'ils ne mesurent pas ce que votre serveur fait — ils mesurent ce que votre visiteur ressent. Un site techniquement rapide peut quand même échouer si le contenu principal met du temps à apparaître, si les boutons tardent à répondre ou si la page « saute » pendant le chargement.

Les trois métriques en un coup d'œil

Métrique	Ce qu'elle mesure	Seuil « bon »
LCP — Largest Contentful Paint	Temps avant que le contenu principal s'affiche	≤ 2,5 s
INP — Interaction to Next Paint	Délai entre une action utilisateur et la réponse visible	≤ 200 ms
CLS — Cumulative Layout Shift	Instabilité visuelle (décalages de mise en page)	≤ 0,1

LCP : pourquoi votre image héroïne peut tout faire rater ?

Le LCP mesure le temps nécessaire pour afficher l'élément le plus grand visible à l'écran — souvent une image principale ou un titre H1. Au-delà de 2,5 secondes, Google considère que l'expérience est dégradée.

La cause la plus fréquente d'un mauvais LCP n'est pas un serveur lent : c'est une image de grande taille chargée sans priorité. Le navigateur ne sait pas qu'elle est importante, donc il la traite après d'autres ressources moins visibles.

Comment améliorer le LCP concrètement

Attribut fetchpriority="high" sur votre image principale : indique au navigateur de la charger en premier.
Format WebP ou AVIF : jusqu'à 40 % plus léger que le JPEG pour une qualité identique.
Hébergement proche de vos visiteurs : un CDN européen réduit sensiblement le temps de réponse réseau.
Évitez le CSS bloquant : un fichier CSS non optimisé retarde l'affichage de toute la page.

INP : votre site répond-il assez vite aux clics ?

L'INP (Interaction to Next Paint) remplace le FID depuis mars 2024. Il mesure le délai entre n'importe quelle interaction — clic, toucher, frappe clavier — et le prochain affichage visible. Un seuil supérieur à 200 ms donne une impression de « site figé ».

L'INP est souvent le moins bien compris des trois. Contrairement au LCP, ce n'est pas une question de chargement mais d'exécution JavaScript. Si votre page charge rapidement mais exécute des scripts lourds au clic d'un bouton, l'INP sera mauvais.

Les sources courantes de mauvais INP

Scripts tiers (chatbots, pixels publicitaires, analytics) qui monopolisent le fil d'exécution
Gestionnaires d'événements trop lourds (recalculs de mise en page au clic)
Bibliothèques JavaScript inutilisées chargées sur toutes les pages

Outil diagnostic : dans Chrome DevTools, l'onglet Performance → recherchez les « Long Tasks » (tâches > 50 ms).

CLS : pourquoi vos boutons « bougent » sous le curseur ?

Le CLS mesure la somme des décalages de mise en page inattendus pendant le chargement. Score idéal : en dessous de 0,1. Un score de 0,25 ou plus signifie que vos éléments se déplacent visiblement — ce qui pousse les visiteurs à cliquer sur le mauvais bouton.

L'exemple le plus classique : une bannière publicitaire qui se charge après le contenu et repousse tout vers le bas. Le visiteur s'apprête à cliquer sur « Commander » — et clique sur une pub.

Deux règles simples pour un CLS proche de zéro

Définissez toujours les dimensions width et height de vos images et vidéos dans le HTML : le navigateur réserve l'espace avant le chargement.
Évitez d'injecter du contenu au-dessus du contenu existant après chargement (bannières cookies, popups, iframes publicitaires non dimensionnées).

Enjeu réel : que perdez-vous avec de mauvais scores ?

Un site avec des Core Web Vitals dans le rouge ne disparaît pas du jour au lendemain de Google. Mais il concède des positions à des concurrents au contenu équivalent. Sur un marché local — commerce, hôtellerie, artisanat, profession libérale — perdre deux ou trois places sur une requête clé peut représenter une dizaine de contacts en moins chaque mois.

L'autre conséquence, moins visible, est comportementale : un visiteur qui subit un décalage de mise en page ou attend trois secondes l'affichage de votre page d'accueil repart. Votre taux de rebond augmente, ce qui aggrave encore le signal envoyé à Google.

C'est précisément pour éviter ce cercle vicieux que nous intégrons les Core Web Vitals dès la phase de conception chez Site en 24h : architecture légère, images optimisées, JavaScript minimal — le tout vérifié avant mise en ligne, sous 24h, dès 2 500 € HT.

Questions fréquentes

Les Core Web Vitals influencent-ils vraiment le référencement ? Oui, officiellement depuis le déploiement du Page Experience Update en 2021. Google les utilise comme signal de classement parmi d'autres. Un contenu pertinent reste prioritaire, mais à égalité de qualité, un site rapide et stable l'emporte.

Comment mesurer mes Core Web Vitals sans être développeur ? Rendez-vous sur PageSpeed Insights et entrez l'URL de votre page d'accueil. Vous obtenez un score sur 100 et le détail des trois métriques avec des pistes d'amélioration classées par impact. La Google Search Console (onglet « Expérience de la page ») donne quant à elle des données réelles sur l'ensemble du site.

Mon site WordPress peut-il avoir de bons Core Web Vitals ? Oui, à condition de limiter les plugins, d'utiliser un thème léger, d'activer un cache serveur efficace et de servir les images en WebP. Les thèmes « tout-en-un » chargés en fonctionnalités sont souvent la première cause de mauvais scores sur WordPress.

Conclusion

Les Core Web Vitals ne sont pas une case à cocher pour les développeurs : ce sont des indicateurs qui reflètent ce que vit réellement chaque visiteur sur votre site. LCP, INP et CLS sont mesurables, améliorables — et leur impact sur vos positions et vos conversions est concret.

Si votre projet part de zéro ou nécessite une refonte, déposez votre brief sur Site en 24h — première maquette sous 6h, sans engagement.