Un site lent fait fuir les visiteurs, et Google en tient compte. Pour mesurer objectivement l’expérience d’une page, Google a défini trois indicateurs, les Core Web Vitals (« signaux web essentiels ») : LCP, INP et CLS.
Derrière ces sigles se cachent trois questions très concrètes. La page s’affiche-t-elle vite ? Réagit-elle vite quand on clique ? Reste-t-elle stable pendant le chargement ?
À retenir
- LCP (affichage) : 2,5 secondes maximum.
- INP (réactivité) : 200 millisecondes maximum.
- CLS (stabilité) : 0,1 maximum.
Ces seuils doivent être respectés pour au moins 75 % des visites réelles.
Les trois indicateurs et leurs seuils
| Indicateur | Ce qu’il mesure | Bon | À améliorer | Mauvais |
|---|---|---|---|---|
| LCP — Largest Contentful Paint | Temps d’affichage du plus grand élément visible (image principale, gros titre) | ≤ 2,5 s | 2,5 – 4 s | > 4 s |
| INP — Interaction to Next Paint | Délai entre une action (clic, touche) et la réaction visible de la page | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS — Cumulative Layout Shift | Ampleur des décalages inattendus de la mise en page | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
L’INP a remplacé l’ancien indicateur FID (First Input Delay) en mars 2024. Si vous lisez un article qui parle encore de FID, il n’est plus à jour.
Comment mesurer
- PageSpeed Insights : collez l’adresse d’une page. Vous obtenez deux types de données :
- les données de terrain, issues de vrais visiteurs de Chrome, quand le site a assez de trafic ;
- les données de laboratoire, issues d’une simulation Lighthouse.
- Google Search Console, rapport « Signaux Web essentiels » : l’état de toutes les pages de votre site, regroupées par problème.
- Les outils de développement de Chrome (onglets Lighthouse et Performance) : pour diagnostiquer en détail.
Ce sont les données de terrain qui comptent pour Google. Un bon score en laboratoire est encourageant, mais seuls vos visiteurs réels font foi.
Améliorer le LCP (vitesse d’affichage)
L’élément concerné est souvent l’image principale ou le titre en haut de page.
- Optimisez les images : formats modernes (WebP, AVIF), dimensions adaptées à l’écran, compression.
- Ne différez pas le chargement de l’image principale : le chargement différé (
loading="lazy") est utile pour les images plus bas dans la page, pas pour celle du haut. Elle peut au contraire recevoirfetchpriority="high". - Réduisez le temps de réponse du serveur : bon hébergement, cache, pages statiques quand c’est possible.
- Limitez les ressources bloquantes : CSS et JavaScript chargés dans l’en-tête, polices trop nombreuses.
Améliorer l’INP (réactivité)
Un mauvais INP vient presque toujours d’un JavaScript trop lourd qui occupe le navigateur au moment où l’utilisateur interagit.
- Réduisez le JavaScript : supprimez les scripts et plugins inutiles.
- Surveillez les scripts tiers : widgets, outils de suivi, chats en ligne, publicités.
- Découpez les tâches longues : un traitement lourd doit être fractionné pour laisser le navigateur respirer.
- Donnez un retour visuel immédiat au clic, même si le traitement prend un peu de temps.
Améliorer le CLS (stabilité)
Le CLS mesure ce moment agaçant où le texte « saute » pendant la lecture, parce qu’une image ou une publicité vient de s’insérer.
- Indiquez toujours les dimensions des images et des vidéos (
widthetheight, ouaspect-ratioen CSS). Le navigateur réserve ainsi la place avant le chargement. - Réservez l’espace des publicités et des contenus intégrés avec une hauteur minimale.
- N’insérez pas de contenu au-dessus de ce que l’utilisateur est en train de lire, sauf en réponse à une action de sa part.
- Soignez le chargement des polices pour que le changement de police ne modifie pas brutalement la mise en page.
Quel poids pour le référencement ?
Google indique que les Core Web Vitals font partie des signaux d’expérience utilisés par ses systèmes de classement. Mais la pertinence du contenu reste prioritaire : une page lente mais très utile peut devancer une page rapide mais pauvre.
Voyez les Core Web Vitals comme un avantage à obtenir, et surtout comme un moyen de garder vos visiteurs, plutôt que comme une formule magique pour être premier.
En résumé
| Question | Indicateur | Objectif |
|---|---|---|
| Ça s’affiche vite ? | LCP | ≤ 2,5 s |
| Ça réagit vite ? | INP | ≤ 200 ms |
| C’est stable ? | CLS | ≤ 0,1 |
Mesurez avec PageSpeed Insights et Search Console, puis corrigez en priorité les images, le JavaScript superflu et les éléments sans dimensions.
Un site statique part avec une longueur d’avance sur ces trois points : voyez comment créer un site rapide avec Astro et le mettre en ligne.