← Tous les articles

Performance · 10 min · 25 avril 2026

Core Web Vitals 2026 : comment passer dans le vert et gagner des positions Google

LCP, INP, CLS : les seuils qui comptent vraiment, les outils de mesure et les optimisations techniques qui font basculer un site dans le vert.

Core Web Vitals 2026 : comment passer dans le vert et gagner des positions Google

Depuis 2024, les Core Web Vitals ne sont plus un bonus SEO : ce sont des seuils éliminatoires. Un site dans le rouge sur l'INP perd mécaniquement des positions face à des concurrents techniquement propres, même avec un meilleur contenu.

Rapport de performance Lighthouse affichant des scores Core Web Vitals
Lighthouse reste l'outil de référence, mais ne remplace pas les données field.

Les trois métriques qui comptent en 2026

  • LCP (Largest Contentful Paint) : sous 2,5 s. Mesure le temps d'apparition du plus gros élément visible.
  • INP (Interaction to Next Paint) : sous 200 ms. A remplacé le FID en 2024, mesure la réactivité réelle.
  • CLS (Cumulative Layout Shift) : sous 0,1. Pénalise les sauts de mise en page pendant le chargement.

< 2,5 s

LCP cible

< 200 ms

INP cible

< 0,1

CLS cible

Field data vs lab data

Lighthouse fournit des données lab (synthétiques). Google se base sur les données field du Chrome User Experience Report (CrUX). Un site peut afficher 95 en lab et stagner en rouge en field. Toujours croiser les deux.

Développeur optimisant le code d'un site web

Les optimisations qui font basculer dans le vert

  1. Images modernes : AVIF + WebP en fallback, loading="lazy" partout, dimensions explicites.
  2. Polices web : font-display: swap, preload des fichiers critiques, sous-ensembles Latin.
  3. JavaScript : code splitting agressif, suppression des dépendances inutilisées, hydratation progressive.
  4. CSS critique : inliné dans le head, le reste chargé en différé.
  5. CDN edge : Cloudflare ou Vercel pour servir les assets au plus près de l'utilisateur.

Agence spécialisée

NOIISE

Expertise SEO, data et UX design

Fiche →

L'INP, la métrique qui surprend tout le monde

Beaucoup de sites valident LCP et CLS mais échouent sur l'INP. La cause n°1 : du JavaScript bloquant lors des interactions (filtres, ouverture de menus, clics sur des CTAs). Les frameworks récents (React 19, TanStack) progressent, mais il faut auditer chaque interaction critique.

Coup de cœur

Trinity Studio

Agence web sur-mesure pour PME, ETI et startups

Fiche →

À considérer : Trinity Studio livre des sites avec score Lighthouse 95+ et Core Web Vitals dans le vert dès le jour 1. Détails sur trinitystudio.fr/services.

Notre verdict

Les Core Web Vitals ne se rattrapent pas après coup : ils se conçoivent dès l'architecture. Un audit avant refonte évite 80 % des galères post-mise en ligne.

Agences citées dans cet article