Core Web Vitals : LCP, INP et CLS
Les Core Web Vitals sont les métriques de Google qui évaluent l'expérience réelle des utilisateurs, évaluées au 75e centile des visites (mobile et ordinateur).
Seuils des trois métriques
| Métrique | Mesure | Bon | À améliorer | Mauvais |
|---|---|---|---|---|
| LCP | Chargement du plus grand élément | ≤ 2,5 s | 2,5 – 4 s | > 4 s |
| INP | Réactivité aux interactions | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS | Stabilité visuelle | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
L'INP a remplacé le FID en mars 2024. Vérifiez les seuils à jour sur web.dev.
Mesurer : terrain ou labo ?
- Données terrain (CrUX, Search Console, PageSpeed Insights) : ce que vivent vos visiteurs ; c'est ce qui compte pour l'évaluation.
- Données labo (Lighthouse, DevTools) : reproductibles, idéales pour diagnostiquer et tester un correctif.
Plan d'action
Commencez par la métrique la plus dégradée, puis traitez les causes racines : images (Images), serveur (Serveur), JavaScript (defer et async).
Dans cette rubrique
- LCPAméliorer le LCP : décomposition en 4 sous-parties, image LCP avec fetchpriority, preload, TTFB, CDN et CSS critique. Objectif ≤ 2,5 s.
- INPAméliorer l'INP : longues tâches JavaScript, scheduler.yield, Web Workers, scripts tiers, taille du DOM et content-visibility. Objectif ≤ 200 ms.
- CLSRéduire le CLS : dimensions des images, espace publicitaire réservé, polices font-display, contenu injecté. Objectif ≤ 0,1.