Core Web Vitals 2026 : INP, LCP, CLS et pourquoi 44% des sites échouent encore

L'état des Core Web Vitals en 2026

Les données CrUX de janvier 2026 montrent où en est le web :

• 87.1% des origines ont un bon INP (< 200ms)
• 68.3% ont un bon LCP (< 2.5s)
• 80.9% ont un bon CLS (< 0.1)
• Seulement 55.7% passent les trois combinés

C'est en progression (environ 50% début 2024), mais presque la moitié du web échoue encore. Les sites qui passent les 3 seuils ont 24% de bounce rate en moins que ceux qui échouent.

INP : le nouveau métrique critique

INP (Interaction to Next Paint) a officiellement remplacé FID le 12 mars 2024. La différence fondamentale : FID ne mesurait que le délai de la première interaction, INP mesure toutes les interactions pendant la session et rapporte la pire au 75ème percentile.

Les seuils :

• < 200ms = bon
• 200-500ms = à améliorer
• > 500ms = mauvais

69% des sites e-commerce ont du mal avec l'INP à cause du JavaScript lourd. C'est le score le plus échoué pour les boutiques en ligne.

Classement par CMS

Le rapport Search Engine Journal 2025 sur les CMS révèle des écarts énormes :

• Duda : 83.63% de pass rate global (leader)
• Squarespace : numéro 1 spécifiquement pour l'INP (95.85%)
• Shopify : numéro 2 global (solide pour l'e-commerce)
• WordPress : 43.44% seulement, sans tendance positive

WordPress, qui propulse 43% du web, est le CMS le plus lent. Les thèmes lourds, les plugins mal optimisés et le JavaScript tiers non déféré sont les coupables.

Cross-browser : Firefox et Safari rejoignent Chrome

Grande avancée de 2025 : les Core Web Vitals ne sont plus un exclusif Chrome :

• Firefox 144 (octobre 2025) : support INP
• Safari 26.2 (décembre 2025) : support LCP + INP

Grâce à l'initiative Interop 2025, les trois navigateurs majeurs mesurent désormais les mêmes métriques. Ça signifie des données de performance plus fiables et représentatives.

Les 5 corrections INP les plus efficaces

• Découpez les tâches longues sur le thread principal. Utilisez scheduler.yield() et requestIdleCallback pour libérer le CPU.

• Déférez le JS non essentiel : widgets de chat, A/B testing, heatmaps, trackers pub. Ce sont les premiers responsables.

• Auditez les scripts tiers : supprimer ou déférer un seul script produit souvent le plus grand gain.

• Ciblez les templates à fort impact : pages pricing, résultats de recherche, filtres, checkout concentrent les pires scores INP.

• React 19.2 inclut des optimisations spécifiques à l'INP (concurrent features, batching amélioré).

LCP : les quick wins les plus impactants

Le LCP (Largest Contentful Paint) est souvent le plus facile à améliorer :

• fetchpriority="high" sur l'image hero : indique au navigateur de la charger en priorité. Simple, gratuit, effet immédiat
• Preload des fonts critiques : évite le FOUT (Flash of Unstyled Text) qui retarde le LCP
• Responsive images avec srcset : servir du 400px sur mobile, pas du 1920px
• CDN avec cache edge : Vercel, Cloudflare, ou Fastly réduisent le TTFB de 50-80%
• Server-side rendering : Next.js 16 avec Turbopack rend les pages côté serveur en millisecondes

Le seuil LCP de 2.5 secondes est le plus échoué en absolu (seulement 68.3% des sites passent). C'est souvent l'image hero non optimisée ou un TTFB lent qui bloque.

CLS : arrêter les sauts de layout

Le CLS (Cumulative Layout Shift) semble facile à résoudre mais crée une expérience frustrante :

• Toujours spécifier width/height sur les images et iframes (ou utiliser aspect-ratio en CSS)
• Réserver l'espace pour les publicités et embeds tiers avec des min-height définis
• Fonts : utiliser font-display: swap ET size-adjust pour éviter les shifts au chargement
• Contenu injecté dynamiquement : ne jamais insérer de contenu au-dessus du viewport actuel de l'utilisateur

Les outils de mesure

• Chrome UX Report (CrUX) : données utilisateur réelles
• PageSpeed Insights : données lab + field
• DebugBear : monitoring + historique
• Web Vitals JS : mesure dans votre app (RUM)
• Chrome DevTools Performance : débogage lab

Chez Mita Studio, on mesure les CWV sur chaque site qu'on audite. Un audit de performance révèle souvent 2-3 quick wins qui font passer du rouge au vert. Un site optimisé est un site qui convertit.