1. Les 3 métriques Core Web Vitals
Les Core Web Vitals sont un ensemble de trois métriques publiées par Google sur web.dev en mai 2020 et intégrées au ranking depuis le Page Experience update de juin 2021.
LCP — Largest Contentful Paint
Mesure le temps avant l'affichage du plus gros élément visible au-dessus du fold (image hero, bloc de texte principal, vidéo). C'est le proxy "à quelle vitesse la page semble-t-elle chargée".
INP — Interaction to Next Paint
Mesure la réactivité du site aux interactions utilisateur. Pour chaque clic, tap, ou touche pressée, le temps entre l'action et la prochaine peinture visible. Officiellement remplaçant de FID depuis mars 2024.
CLS — Cumulative Layout Shift
Mesure les décalages visuels imprévus pendant le chargement (image qui pousse le texte, bannière qui apparaît, font swap visible). Calcul : somme des shifts × distance déplacée. Sans dimension, un score normalisé.
2. Seuils Core Web Vitals 2026
| Métrique | Good | Needs Improvement | Poor |
|---|---|---|---|
| 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 |
Pour qu'une URL soit "approved" Core Web Vitals : les 3 métriques doivent être "Good" au 75ᵉ percentile mobile sur 28 jours glissants. Source : documentation officielle web.dev.
3. Field Data vs Lab Data
Distinction critique souvent confuse :
Field Data (CrUX)
Données réelles agrégées par Chrome User Experience Report sur les utilisateurs Chrome qui ont activé le partage de statistiques. Fenêtre glissante 28 jours, exposé via PageSpeed Insights et Google Search Console. C'est le score qui compte pour le ranking. Documentation : Chrome CrUX.
Lab Data (Lighthouse, WebPageTest)
Simulation d'une session unique dans un environnement contrôlé. Utile pour le debug (identifier ce qui ralentit, tester un fix), pas pour le ranking. Le score Lighthouse 100 ne garantit pas un score CrUX 100 si l'audience réelle a des conditions réseau ou device différentes.
Règle pratique : tracker Field Data hebdo (GSC + PageSpeed Insights). Utiliser Lab Data uniquement quand on debug un problème spécifique ou qu'on teste une optimisation avant déploiement.
4. Optimisations concrètes
Par métrique, les leviers qui marchent vraiment :
Améliorer le LCP
- Préchargement de l'image hero :
<link rel="preload" as="image" href="..."> - Images optimisées WebP/AVIF, dimensions explicites, lazy loading uniquement below-the-fold
- CDN edge (Cloudflare, Vercel, Fastly) pour réduire le TTFB
- Server-side rendering au lieu de SPA pour éviter le rendu JS différé
- Fonts auto-hébergées avec
font-display: swap
Améliorer l'INP
- Réduire le JavaScript bloquant (code splitting, lazy load non-critique)
- Différer les scripts tiers (Tag Manager, analytics, chats)
- Utiliser
requestIdleCallbackpour les tâches non-urgentes - Éviter les
setTimeoutet boucles longues sur le thread principal - Web Workers pour les calculs lourds
Améliorer le CLS
- Dimensions explicites sur toutes les images et iframes (
width+height) - Réserver l'espace pour les pubs, embeds, et notifications avant leur chargement
- Éviter les insertions dynamiques de contenu au-dessus du fold
- Fonts avec
size-adjustoufont-display: optionalsi possible aspect-ratioCSS sur containers dont le contenu se charge async
5. Erreurs fréquentes
- 01Optimiser sur Lab Data uniquement. Lighthouse score 100 mais Field Data CrUX rouge. C'est le terrain qui compte, pas le simulateur.
- 02Lazy loading agressif sur le hero. Image au-dessus du fold avec
loading="lazy"= LCP catastrophique. Lazy uniquement below-the-fold. - 03Ignorer mobile. Le score qui compte est mobile (75ᵉ percentile). Les optimisations desktop ne suffisent pas si le mobile reste rouge.
- 04Trop de Tag Manager et scripts tiers. Chaque tag ajoute du JS. Auditer dans Chrome DevTools Coverage, supprimer le mort.
- 05Mesurer une seule fois. CrUX a 28 jours de lag. Une optimisation déployée aujourd'hui apparaît dans le Field Data à J+14-28. Patience.
Lectures et services connexes
FAQ — Core Web Vitals
01C'est quoi les Core Web Vitals ?
02Pourquoi INP a-t-il remplacé FID ?
03Quels sont les seuils Core Web Vitals en 2026 ?
04Field Data ou Lab Data : que regarder ?
05Combien coûte une optimisation CWV complète ?
06CWS Vitals impactent-ils vraiment le ranking ?
En résumé
Les Core Web Vitals sont un signal SEO modéré mais critique en tie-breaker. Plus important encore : leur impact indirect sur les conversions, le dwell time, et les signaux comportementaux. Un site rapide n'est pas optionnel en 2026.
Yvarn.fr lui-même affiche Performance 99/100, LCP 0,9 s, CLS 0,014 sur PageSpeed Insights mobile. La stack Nuxt 4 + Tailwind v4 + fonts self-hosted permet de livrer du premium sans effort additionnel.
SEO technique Yvarn
Audit Core Web Vitals + Lighthouse + plan d'action 90 jours. Particulièrement pertinent pour les sites WordPress lourds ou les SPA legacy.
Découvrir SEO technique Yvarn
Fondateur d'Yvarn, agence SEO à Bordeaux. À propos.