LCP (Largest Contentful Paint) — Chargement. Mesure le temps nécessaire pour afficher l'élément visible le plus grand de la page (image principale, bloc de texte de titre, vidéo). C'est le proxy le plus réaliste de ce que l'utilisateur perçoit comme "la page est chargée".
INP (Interaction to Next Paint) — Réactivité. Mesure la latence entre une interaction de l'utilisateur (clic, toucher, frappe clavier) et le moment où le navigateur affiche la réponse visuelle. L'INP évalue l'ensemble des interactions sur la durée de la session, pas seulement la première. Il a remplacé le FID en mars 2024.
CLS (Cumulative Layout Shift) — Stabilité visuelle. Mesure les déplacements inattendus du contenu pendant le chargement. Une image qui se charge et pousse le texte vers le bas, un bouton qui se déplace au moment où vous allez cliquer : ce sont des événements CLS. L'unité est un score (sans dimension), pas une durée.
| Métrique | Bon | À améliorer | Mauvais |
|---|---|---|---|
| LCP | ≤ 2,5 s | 2,5 – 4 s | > 4 s |
| INP | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Ces seuils s'appliquent au 75e percentile des chargements de pages (données réelles de vos visiteurs). Autrement dit, 75 % de vos chargements doivent respecter le seuil "Bon" pour que Google considère votre page comme satisfaisante sur cette métrique.
Depuis la mise à jour Page Experience (déployée entre juin et septembre 2021), les Core Web Vitals font partie du signal de positionnement officiel de Google. Ce signal est cependant pondéré : la pertinence du contenu et l'autorité de la page restent prioritaires.
Google a confirmé que deux pages équivalentes sur le plan du contenu peuvent être départagées par leurs scores Core Web Vitals. C'est particulièrement vrai dans des niches très concurrentielles où les dix premiers résultats proposent un contenu de qualité similaire.
Au-delà du SEO direct, l'impact indirect est souvent plus fort : un LCP supérieur à 4 secondes augmente le taux de rebond de façon mesurable (les études internes Google montrent qu'un délai de 1 à 3 secondes multiplie la probabilité de rebond par 1,32, et un délai supérieur à 5 secondes la multiplie par 3). Des visiteurs qui rebondissent immédiatement envoient un signal comportemental négatif qui peut peser sur les positions sur le long terme.
Google Search Console : le rapport "Expérience de la page" regroupe les données de terrain de vos vrais visiteurs (issues du CrUX, Chrome User Experience Report). C'est la source officielle et la plus représentative. Elle distingue mobile et desktop.
PageSpeed Insights : combine les données de terrain CrUX et un test synthétique Lighthouse. Utile pour analyser page par page et obtenir des recommandations d'amélioration détaillées.
Lighthouse (Chrome DevTools) : outil de test en laboratoire, local et instantané. Ne capture pas les conditions réelles des visiteurs (réseau, appareil, comportement), mais utile en développement pour détecter les régressions avant mise en ligne.
Web Vitals Extension (Chrome) : affiche les métriques en temps réel dans le navigateur pendant que vous naviguez sur votre propre site. Permet de reproduire manuellement des scénarios d'interaction pour détecter les problèmes INP.
Pour améliorer le LCP : héberger les images et polices en local (éviter les CDN tiers pour les ressources critiques), ajouter fetchpriority="high" sur l'image principale, utiliser un CDN pour réduire le TTFB (Time to First Byte), optimiser et compresser les images (WebP ou AVIF), réduire le JavaScript bloquant le rendu.
Pour améliorer l'INP : réduire les long tasks JavaScript (découper les scripts lourds), éviter les traitements synchrones sur le thread principal lors d'une interaction, utiliser des web workers pour les opérations coûteuses, différer le JavaScript non essentiel (defer ou async).
Pour améliorer le CLS : toujours définir des dimensions explicites (width + height) sur les images et vidéos, réserver l'espace pour les contenus chargés dynamiquement (publicités, embeds), éviter d'insérer du contenu au-dessus du contenu visible existant, précharger les polices Web pour éviter le FOIT/FOUT.