Qu'est-ce que les Core Web Vitals ?
En 2021, Google a officialisé les Core Web Vitals comme facteur de classement dans le cadre de sa mise à jour Page Experience. L'idée est simple : une page qui charge vite, répond rapidement et ne saute pas dans tous les sens mérite d'être mieux classée qu'une page lente et instable.
Ces métriques sont mesurées à partir de données réelles de navigation (Chrome User Experience Report), pas seulement en laboratoire. Ce sont donc les conditions réelles de vos visiteurs qui comptent.
Les trois métriques : LCP, INP et CLS
| Métrique | Ce qu'elle mesure | Bon | À améliorer | Mauvais |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Temps d'affichage du plus grand élément visible | Moins de 2,5 s | 2,5 à 4 s | Plus de 4 s |
| INP (Interaction to Next Paint) | Réactivité aux interactions (clic, saisie…) | Moins de 200 ms | 200 à 500 ms | Plus de 500 ms |
| CLS (Cumulative Layout Shift) | Stabilité visuelle (les éléments bougent-ils ?) | Moins de 0,1 | 0,1 à 0,25 | Plus de 0,25 |
Le LCP mesure le temps avant que le contenu principal (image, bloc texte) soit affiché. C'est souvent l'image hero ou le premier paragraphe. Le INP a remplacé le FID en mars 2024 : il mesure la réactivité globale de la page à toutes les interactions. Le CLS pénalise les pages dont les éléments se décalent pendant le chargement, ce qui force l'utilisateur à rater un clic ou à perdre sa lecture.
Impact sur le référencement naturel
Les Core Web Vitals font partie du signal Page Experience de Google, aux côtés du HTTPS, de la compatibilité mobile et de l'absence de pop-ins intrusifs. En pratique, leur poids reste modéré comparé à la pertinence du contenu : une page avec d'excellents scores mais un contenu pauvre ne dépassera pas une page utile avec des scores moyens.
En revanche, sur des requêtes très concurrentielles où plusieurs pages se valent en termes de contenu, les Core Web Vitals peuvent faire la différence. Et surtout, de bons scores améliorent l'expérience utilisateur, ce qui réduit le taux de rebond et augmente le temps passé sur le site, deux signaux comportementaux positifs.
Comment les mesurer
- Google Search Console : rapport "Signaux web essentiels" avec données réelles par URL et par groupe d'URL. C'est la référence pour voir ce que Google voit vraiment.
- PageSpeed Insights : combine données réelles (CrUX) et données de laboratoire (Lighthouse). Pratique pour diagnostiquer une URL précise.
- Lighthouse dans Chrome DevTools : mesures en laboratoire, utiles pour tester en développement.
- Web Vitals extension Chrome : affiche les métriques en temps réel pendant la navigation.
Principaux leviers d'amélioration
Pour améliorer le LCP :
- Optimiser les images (format WebP, compression, taille adaptée) et ajouter
fetchpriority="high"sur l'image principale - Utiliser un CDN pour réduire le temps de réponse serveur
- Mettre en cache les ressources statiques
- Éviter les CSS bloquants au rendu
Pour améliorer l'INP :
- Réduire le JavaScript exécuté sur le fil principal
- Différer le chargement des scripts non critiques (
defer,async) - Éviter les longues tâches JavaScript qui bloquent le thread
Pour améliorer le CLS :
- Toujours définir des dimensions explicites sur les images et les vidéos
- Réserver l'espace pour les publicités avant leur chargement
- Éviter d'insérer du contenu au-dessus du contenu existant
Note pratique : sur un site WordPress, les Core Web Vitals peuvent souvent être améliorés en remplaçant les plugins lourds, en activant la mise en cache et en choisissant un hébergeur avec un bon temps de réponse serveur. Les thèmes page builder (Elementor, Divi) sont souvent les premiers responsables d'un CLS ou LCP dégradé.