Core Web Vitals 2026 : LCP, INP, CLS, guide pratique

Core Web Vitals 2026 : LCP, INP, CLS, guide pratique

Réponse directe : pour passer les Core Web Vitals en 2026, visez LCP < 2.5s, INP < 200ms, CLS < 0.1 sur mobile. Les 3 leviers à 80% d'impact : image hero optimisée, JS différé, dimensions explicites sur les médias.

Les 3 métriques qui comptent vraiment

LCP (Largest Contentful Paint)

Temps pour afficher le plus grand élément visible (image hero, titre H1 large). Cible : < 2.5s.

INP (Interaction to Next Paint)

Réactivité aux interactions (clic, scroll, input). A remplacé FID en mars 2024. Cible : < 200ms.

CLS (Cumulative Layout Shift)

Déplacements visuels inattendus pendant le chargement. Cible : < 0.1.

Testez sur PageSpeed Insights ou notre Core Web Vitals Tester.

Optimiser le LCP, 5 actions concrètes

1. Image hero en AVIF/WebP : -40 à -70% de poids vs JPEG
2. sur l'image hero
3. Preload de la police :
4. CDN sur les assets statiques : Cloudflare, Bunny.net (gratuit/cheap)
5. Server-side rendering ou pré-rendu si SPA (Vite SSG, Next.js, Astro)

Un LCP > 4s = vous perdez 30-50% des visiteurs avant même le premier rendu utile.

Optimiser l'INP, 4 actions

1. Code splitting : charger uniquement le JS de la page courante
2. Lazy load des composants lourds (charts, vidéos, widgets)
3. Debounce les handlers (search inputs, scroll listeners)
4. Web Workers pour les calculs lourds (parsing, crypto)

INP > 500ms = perçu comme "qui rame" par l'utilisateur.

Optimiser le CLS, 3 actions

1. Width/height sur toutes les images et vidéos (HTML ou CSS)
2. Réserver l'espace pour les pubs, embeds, iframes (min-height)
3. Polices avec font-display: swap + fallback dimensionné similairement

CLS > 0.25 = expérience "qui saute partout".

Le piège des scores Lighthouse à 100

Lighthouse mesure en lab (conditions synthétiques). Google ranke sur les données field (CrUX, vrais utilisateurs). Un score Lighthouse 95 avec un CrUX rouge = vous êtes pénalisé.

Action : ouvrez Google Search Console > Core Web Vitals. C'est ce que Google voit.

Outils gratuits pour suivre

• PageSpeed Insights, lab + field, gratuit, officiel
• Web Vitals Chrome Extension, mesure en temps réel
• Notre tester, interprétation rapide

Impact business des Core Web Vitals

• Bounce rate : -32% quand LCP passe sous 2.5s (data Google)
• Conversion : +24% sur e-commerce qui optimisent CWV (étude Deloitte)
• SEO : facteur de ranking direct depuis 2021, signal de qualité

Bref : ce n'est pas qu'une histoire de Google. Vos utilisateurs sentent la différence.