Core Web Vitals : les comprendre et les corriger
Les Core Web Vitals sont trois indicateurs par lesquels Google évalue l'expérience réelle des visiteurs d'une page : la vitesse d'affichage du contenu principal, la réactivité aux interactions et la stabilité visuelle. Ils sont mesurés sur des visites réelles, pas en laboratoire.
6 min
Les trois indicateurs et leurs seuils
| Indicateur | Mesure | Bon |
|---|---|---|
| LCP | Affichage du contenu principal | ≤ 2,5 s |
| INP | Réactivité aux interactions | ≤ 200 ms |
| CLS | Stabilité visuelle | ≤ 0,1 |
Google évalue ces valeurs au 75e centile des visites réelles. Autrement dit, il ne suffit pas que la page soit rapide pour vous : elle doit l'être pour trois visiteurs sur quatre, y compris ceux qui ont une connexion lente et un appareil ancien.
Note : INP a remplacé FID en mars 2024. Si votre outil affiche encore le First Input Delay, il n'est plus à jour.
LCP, le contenu principal
Le temps au bout duquel le plus grand élément visible s'affiche, souvent une image d'en-tête ou un gros titre. Un LCP dégradé vient presque toujours d'une image trop lourde, d'une police chargée à distance qui retarde le texte, ou d'un serveur lent à répondre.
INP, la réactivité
Le délai entre une action du visiteur et le retour visuel. C'est l'indicateur le plus souvent en échec, et sa cause est presque toujours la même : trop de JavaScript à exécuter sur le fil principal. Chaque script tiers ajouté dégrade l'INP.
CLS, la stabilité
La quantité de mouvement inattendu pendant le chargement. Le cas d'école : un bandeau publicitaire ou de consentement qui s'insère et décale le texte au moment où le lecteur commence à lire. Se corrige en réservant l'espace des éléments avant leur arrivée.
Corriger, dans l'ordre
- Retirer les scripts tiers superflus. Une seule action qui améliore l'INP et le LCP en même temps.
- Traiter les images du premier écran. Bon format, bonnes dimensions, pas de chargement différé sur l'image principale.
- Réserver l'espace des images, cadres et bandeaux, avec leurs dimensions déclarées.
- Limiter les polices chargées à distance, ou s'en passer.
- Simplifier la structure des pages. Moins d'éléments à calculer, c'est moins de travail pour le navigateur.
Le lien avec l'écoconception
Cette liste vous semble familière ? C'est la même que celle de l'écoconception. Ce n'est pas une coïncidence : les deux démarches réduisent les mêmes choses, les octets transférés, les requêtes réseau et le travail demandé au navigateur.
C'est l'argument le plus utile à faire valoir en interne. Un projet de sobriété numérique n'a pas besoin d'être défendu sur le seul terrain environnemental : il produit mécaniquement de meilleurs Core Web Vitals, donc un meilleur référencement et moins d'abandons. Deux directions, un seul chantier.
Où voir ses valeurs
La Search Console expose les Core Web Vitals mesurés sur vos visiteurs réels, ce qui est la seule donnée qui compte pour le classement. Les outils de laboratoire donnent une estimation utile pour diagnostiquer, mais ne remplacent pas la mesure de terrain.
Notre audit d'éco-conception inclut le relevé des Core Web Vitals de chaque gabarit, aux côtés de la note EcoIndex.