Les Core Web Vitals sont trois métriques de performance définies par Google qui mesurent l'expérience réelle de vos utilisateurs sur une page : LCP (vitesse d'affichage du contenu principal), INP (réactivité aux interactions), CLS (stabilité visuelle). Ces trois scores sont un facteur officiel du ranking SEO depuis 2021 et impactent directement le taux de conversion. Une page qui passe les trois seuils "good" bénéficie d'un avantage SERP mesurable.
En 2024, Google a remplacé FID (First Input Delay) par INP (Interaction to Next Paint) — métrique plus représentative. Voici les trois indicateurs en détail, leurs seuils de validation, et les leviers concrets d'amélioration.
LCP : Largest Contentful Paint
LCP mesure le temps écoulé entre le chargement initial de la page et l'affichage du plus grand élément visible (image hero, bloc de texte principal, vidéo). C'est ce que l'utilisateur perçoit comme « la page est chargée ».
| Score | Seuil | Verdict |
|---|---|---|
| Good | ≤ 2.5 s | Validé Google |
| Needs improvement | 2.5 - 4 s | À améliorer |
| Poor | > 4 s | Pénalisant SEO |
Causes typiques d'un LCP dégradé
- Image hero non optimisée (5 MB en JPEG full quality au lieu d'un WebP/AVIF compressé)
- Serveur web lent (TTFB > 600 ms)
- Render-blocking CSS/JS dans le
<head> - Police custom chargée en synchrone
- Pas de CDN, donc latence selon localisation utilisateur
Leviers d'amélioration
- Optimiser l'image hero : format WebP ou AVIF, dimensions responsives via
srcset, attributfetchpriority="high" - Précharger :
<link rel="preload" as="image" href="hero.webp"> - Réduire le TTFB : cache server-side, CDN devant le serveur d'origine
- Inline le CSS critique et différer le reste avec
media="print" onload="this.media='all'" - font-display: swap sur vos @font-face pour ne pas bloquer le rendu
INP : Interaction to Next Paint
INP mesure la latence entre une interaction utilisateur (clic, tap, frappe clavier) et le prochain rafraîchissement visuel de la page. Remplace FID depuis mars 2024 — métrique plus complète qui prend en compte toutes les interactions, pas seulement la première.
| Score | Seuil | Verdict |
|---|---|---|
| Good | ≤ 200 ms | Validé Google |
| Needs improvement | 200 - 500 ms | À améliorer |
| Poor | > 500 ms | Pénalisant SEO |
Causes typiques d'un INP dégradé
- Tâches JavaScript longues (> 50 ms) qui bloquent le main thread
- Scripts tiers lourds (analytics, A/B testing, chat support)
- Rendering React/Vue non optimisé (re-render massif sur chaque clic)
- Listeners synchrones lourds sur input/click
Leviers d'amélioration
- Découper les longues tâches avec
scheduler.yield(),setTimeout(fn, 0)ourequestIdleCallback() - Web Workers pour les calculs lourds (parsing JSON volumineux, traitements)
- Lazy-load les scripts tiers avec
deferouasync - React/Vue : useMemo, useCallback, React.memo pour éviter les re-renders
- Audit Chrome DevTools → Performance tab → identifier les long tasks
CLS : Cumulative Layout Shift
CLS mesure les décalages visuels imprévus pendant le chargement (un bouton qui se déplace au moment où on clique, une image qui pousse le contenu vers le bas). Score sans unité, fraction.
| Score | Seuil | Verdict |
|---|---|---|
| Good | ≤ 0.1 | Validé Google |
| Needs improvement | 0.1 - 0.25 | À améliorer |
| Poor | > 0.25 | Pénalisant SEO |
Causes typiques d'un CLS dégradé
- Images sans attributs
widthetheight(le navigateur ne réserve pas la place) - Polices custom qui changent les métriques au moment du swap
- Bandeaux publicitaires injectés tardivement
- Boutons "accept cookies" qui apparaissent en bas et poussent le footer
- Iframes embedded sans dimension fixe
Leviers d'amélioration
- Toujours déclarer width/height sur images et iframes
- Réserver l'espace pour les contenus chargés dynamiquement (placeholder skeleton)
- font-display: optional ou utiliser
size-adjustpour aligner les métriques de la police de fallback - Bannières en haut ou via overlay (non poussantes)
- Pas d'injection DOM tardive au-dessus du contenu déjà visible
Comment mesurer les Core Web Vitals
Données field (utilisateurs réels)
- Search Console → Core Web Vitals → données agrégées 28 jours, mobile + desktop séparément
- Chrome User Experience Report (CrUX) → données publiques utilisées par Google pour le ranking
- web-vitals.js → librairie JS pour collecter les métriques de vos vrais utilisateurs et les envoyer à votre analytics
Données lab (test ponctuel)
- PageSpeed Insights → audit complet d'une URL avec recommandations
- Lighthouse (Chrome DevTools) → audit local en quelques secondes
- Notre Web Vitals tester gratuit → audit en ligne sans installation
- WebPageTest.org → tests détaillés depuis plusieurs régions
Les données field sont celles qui comptent pour Google. Les données lab servent à débugger.
Pourquoi monitorer en continu
Les Core Web Vitals dégradent rarement tous d'un coup — c'est une dérive lente : nouvelle image hero non optimisée, plugin tiers ajouté qui charge un MB de JS, font swap modifié sans test. Sans monitoring, vous découvrez la dégradation dans Search Console plusieurs semaines après l'incident.
Un monitoring Web Vitals continu (avec alertes seuils) vous prévient dès qu'un score sort de la zone "good", avant que Google ne pénalise votre ranking.
Ce qu'il faut retenir
- Trois métriques : LCP (≤ 2.5 s), INP (≤ 200 ms), CLS (≤ 0.1).
- Toutes trois sont facteurs SEO Google depuis 2021.
- LCP s'améliore par optimisation image + TTFB + render-blocking CSS/JS.
- INP s'améliore par découpage des longues tâches JS et lazy-load des scripts tiers.
- CLS s'améliore par dimensions explicites + réservation d'espace + chargement non poussant.
- Mesurer en field (Search Console, CrUX) pour le SEO, en lab (PageSpeed, Lighthouse) pour le debug.
Questions fréquentes
INP a vraiment remplacé FID ?
Oui, depuis mars 2024. INP mesure toutes les interactions de la session, pas seulement la première. C'est plus représentatif de la frustration utilisateur. FID n'est plus utilisé par Google pour le ranking.
Combien Web Vitals impactent-ils vraiment le SEO ?
Selon les analyses Google, c'est un signal modéré (les Core Web Vitals interviennent comme tie-breaker entre pages au contenu équivalent). Sites avec scores "poor" sont pénalisés ; sites avec "good" gagnent un avantage modeste mais réel sur les concurrents "needs improvement".
Mobile et desktop sont-ils notés séparément ?
Oui, Google utilise les données mobile pour le ranking mobile (mobile-first indexing), les données desktop pour le ranking desktop. Une page peut être "good" desktop et "poor" mobile. Le mobile prime aujourd'hui pour la majorité des queries.
Les Web Vitals concernent-ils tous les types de pages ?
Oui, mais Google note chaque URL individuellement (pas le site dans son ensemble). Une page produit peut passer "good" pendant que la home reste "poor". L'amélioration se fait page par page selon priorité business.
Pourquoi mes scores Lighthouse sont meilleurs que Search Console ?
Lighthouse simule un utilisateur idéal (laptop puissant, connexion 4G stable). Search Console aggrège les vrais utilisateurs avec leurs téléphones de gamme moyenne et leurs connexions parfois faibles. C'est la donnée field qui compte pour le ranking, pas le score lab.
Comment être alerté quand mes Web Vitals dégradent ?
Search Console envoie des notifications quand une URL passe de "good" à "needs improvement" ou "poor". Mais cette alerte arrive en moyenne 28 jours après l'incident (durée d'agrégation). Un monitoring externe (PageSpeed Insights périodique avec alertes seuils) détecte la dégradation en temps réel.
Surveiller les Web Vitals en continu
Les Core Web Vitals sont devenus un vrai facteur de différenciation SEO. Les optimiser une fois ne suffit pas — sans monitoring continu, la dérive est inévitable au fil des déploiements et des intégrations tierces.
Domains Defender intègre l'audit Web Vitals (PSI Lighthouse) avec alertes seuils personnalisables sur LCP, INP et CLS dans les plans Pro et Enterprise. Vérification quotidienne mobile + desktop, historique Chart.js, alertes de dégradation et d'amélioration. Hébergé en France, conforme RGPD, essai gratuit 7 jours à partir de 4,99€ HT/mois.
Tester vos Web Vitals gratuitement — ou activer le monitoring continu.