Vitesse mobile — LCP < 1s, c'est possible en 2026
Le LCP médian français en 2026 est à 2.4s. Voici comment passer sous 1s sur mobile, mesuré sur 4G.
En 2026, le LCP médian sur mobile en France est de 2.4s. Le top 10% est à 1.2s. Le top 1% est sous 0.9s. Voici la recette pour y arriver.
Le LCP — qu’est-ce qui le compose
LCP = temps avant le rendu du plus grand élément visible. Souvent une image hero, parfois un titre h1.
Décomposition :
- TTFB (serveur) : 50-200ms idéal
- Render-blocking resources (CSS, fonts) : 100-300ms
- Image : download + decode : 200-700ms
Optimisations serveur
- Edge SSR (Vercel Edge, Cloudflare Workers) → TTFB < 100ms partout dans le monde
- CDN sur les assets statiques
- HTTP/3 activé (Cloudflare le fait par défaut)
Optimisations CSS / fonts
- Critical CSS inliné dans le
<head>(Astro le fait automatiquement) - Font swap :
font-display: swapouoptional - Self-host les Google Fonts (économise 100-200ms de DNS)
Optimisations images
- Image hero AVIF (60% plus léger que JPEG) avec fallback WebP
fetchpriority="high"sur l’image LCPloading="eager"explicite (pas lazy) sur l’image hero- Dimensions explicites (width/height) — évite CLS et accélère le decode
- Resolution adaptée : pas de 4K servi sur un Galaxy de 2018
Mesurer correctement
- PageSpeed Insights = données CrUX réelles (75ᵉ percentile sur 28 jours)
- WebPageTest = données labo, mobile 4G, Lyon
- DebugBear = monitoring continu
Cas concret
Site marketing rénové en 2025 : LCP 3.2s → 0.9s en 6 semaines. Recette : Astro (HTML statique) + Cloudflare CDN + image AVIF + critical CSS inliné. Coût dev : 3 jours sénior.