Les Core Web Vitals : les trois métriques clés
Google a défini trois indicateurs de performance centrés sur l'expérience utilisateur réelle. Ils sont mesurés à partir des données de navigation des visiteurs de Chrome (données réelles, pas simulées).
| Métrique | Ce qu'elle mesure | Seuil "Bon" |
|---|---|---|
| LCP (Largest Contentful Paint) | Temps d'affichage du plus grand élément visible (image, titre, bloc) | Moins de 2,5 secondes |
| INP (Interaction to Next Paint) | Réactivité de la page lors d'une interaction (clic, frappe au clavier) | Moins de 200 millisecondes |
| CLS (Cumulative Layout Shift) | Stabilité visuelle : les éléments bougent-ils pendant le chargement ? | Score inférieur à 0,1 |
L'INP a remplacé le FID (First Input Delay) en mars 2024. Il mesure non plus le premier clic uniquement, mais l'ensemble des interactions pendant toute la visite.
Outils pour mesurer la performance
- PageSpeed Insights (Google) : analyse une URL depuis les serveurs Google, donne à la fois des données de labo et des données réelles (CrUX). C'est l'outil de référence.
- Google Search Console : le rapport "Expérience de page" agrège les données réelles de vos visiteurs sur l'ensemble du site. Très utile pour détecter les pages problématiques.
- Lighthouse : outil open source intégré aux DevTools Chrome, mesure les performances en conditions de labo.
- GTmetrix : combine Lighthouse et WebPageTest, permet de tester depuis différentes localisations géographiques.
- WebPageTest : outil avancé pour analyser chaque ressource chargée (waterfall), utile pour diagnostiquer les blocages précis.
Les leviers d'amélioration
Améliorer la performance d'un site, c'est agir sur plusieurs niveaux simultanément :
Les images
Les images sont souvent responsables d'un mauvais LCP. Je recommande : format WebP ou AVIF, compression adaptée, attribut loading="lazy" pour les images hors écran, et dimensions spécifiées dans le HTML pour éviter le CLS.
Le serveur et l'hébergement
Un serveur lent (TTFB élevé, Time To First Byte) pénalise toutes les autres métriques. Un hébergement mutualisé bon marché génère souvent des temps de réponse de 800 ms à 1,5 seconde. Un VPS ou un hébergement dédié fait souvent passer ce délai sous 200 ms.
CSS et JavaScript
Les fichiers CSS et JS bloquants retardent l'affichage. Solutions : minification, chargement différé (defer/async pour JS), suppression du CSS inutilisé, mise en cache navigateur.
Mise en cache
Un système de cache (fichiers statiques, cache navigateur, CDN) réduit drastiquement les temps de chargement pour les visiteurs récurrents et les utilisateurs géographiquement éloignés du serveur.
Lien avec le classement Google
Depuis mai 2021, les Core Web Vitals sont officiellement des signaux de classement dans le cadre du "Page Experience Update". Leur poids reste modéré par rapport à la pertinence du contenu, mais sur des requêtes compétitives où plusieurs sites ont un contenu équivalent, la performance peut faire la différence.
Je les intègre systématiquement dans mes audits SEO, au même titre que la structure, le maillage et le contenu.