Core Web Vitals : LCP, INP, CLS et comment les améliorer
Les Core Web Vitals sont trois indicateurs de Google qui mesurent l'expérience réelle des visiteurs : chargement, réactivité et stabilité visuelle.
· 2 min de lecture
Les Core Web Vitals sont un ensemble d'indicateurs définis par Google pour mesurer la qualité de l'expérience utilisateur sur une page. Ils font partie des signaux d'expérience de page pris en compte par Google, même si un excellent contenu pertinent peut rester bien classé avec des scores moyens.
Les trois indicateurs
- LCP (Largest Contentful Paint) : le temps d'affichage du plus grand élément visible (souvent une image ou un bloc de texte). Bon : 2,5 secondes ou moins.
- INP (Interaction to Next Paint) : la réactivité de la page quand l'utilisateur clique, touche ou tape. Bon : 200 millisecondes ou moins.
- CLS (Cumulative Layout Shift) : la stabilité visuelle, c'est-à-dire les décalages inattendus de la mise en page. Bon : 0,1 ou moins.
L'INP a remplacé l'ancien indicateur FID en mars 2024. Pour être considérée comme « bonne », une page doit atteindre ces seuils pour au moins 75 % des visites, mesurées sur le terrain.
Où mesurer ?
- Google Search Console : le rapport « Core Web Vitals » regroupe vos URL par état (bon, à améliorer, médiocre).
- PageSpeed Insights : données réelles des utilisateurs (quand elles existent) et diagnostic détaillé.
- Lighthouse dans Chrome : test en laboratoire, utile pendant le développement.
Améliorer le LCP
- Compressez les images et utilisez des formats modernes (WebP, AVIF).
- Ne chargez pas en différé (lazy loading) l'image principale visible dès l'ouverture.
- Réduisez le temps de réponse du serveur et utilisez un cache ou un CDN.
- Limitez les ressources qui bloquent l'affichage (CSS et JavaScript non essentiels).
Améliorer l'INP
- Réduisez et découpez le JavaScript lourd.
- Retirez ou différez les scripts tiers inutiles (widgets, traceurs).
- Évitez les tâches longues qui bloquent le navigateur.
Améliorer le CLS
- Indiquez toujours la largeur et la hauteur des images et des vidéos.
- Réservez l'espace des publicités et des bannières.
- Évitez d'insérer du contenu au-dessus d'un contenu déjà affiché.
Commencez par les pages qui apportent le plus de trafic ou de chiffre d'affaires : c'est là que chaque amélioration sera la plus rentable.