Pourquoi Core Web Vitals est critique en 2026
Depuis 2021, Google intègre les Core Web Vitals à son algorithme. En 2026, le FID a laissé place à l'INP, et le poids de ces métriques a doublé. Une page lente perd en moyenne 32 % de conversion par seconde de chargement supplémentaire.
Un site avec CWV rouge sur mobile perd jusqu'à 40 % de visibilité organique en 6 mois — quelle que soit la qualité du contenu.
Les 5 métriques à surveiller
- LCP — vitesse d'affichage de l'élément principal (image hero, titre).
- INP — délai entre l'interaction utilisateur et la réponse visible.
- CLS — stabilité visuelle pendant le chargement.
- TTFB — vitesse de réponse du serveur.
- FCP — premier contenu visible à l'écran.
Tableau interactif — seuils & actions
Triez par métrique pour prioriser vos optimisations.
| Métrique | Seuil vert | Impact | Action prioritaire |
|---|---|---|---|
| LCP (Largest Contentful Paint) | < 2,5 s | Perception de vitesse | Image hero optimisée + preload |
| INP (Interaction to Next Paint) | < 200 ms | Réactivité UI | Réduire JS bloquant, code-splitting |
| CLS (Cumulative Layout Shift) | < 0,1 | Stabilité visuelle | Dimensions width/height sur médias |
| TTFB (Time to First Byte) | < 600 ms | Vitesse serveur | CDN + cache edge |
| FCP (First Contentful Paint) | < 1,8 s | Perception initiale | Critical CSS inliné |
Le plan d'optimisation AgenceWeb31
1. Front-end
Images en AVIF/WebP, lazy loading, préchargement du hero, réduction du JS tiers, code-splitting par route.
2. Serveur & hébergement
CDN edge (Cloudflare, Vercel), HTTP/3, compression Brotli, cache agressif sur assets statiques.
3. Rendu
Passage en SSR ou SSG (Next.js, TanStack Start) pour un LCP sub-second.
Sur nos refontes, LCP moyen passe de 4,2 s à 1,3 s, +47 % de trafic organique en 90 jours.
Les outils indispensables
- PageSpeed Insights — mesure officielle Google.
- Search Console → Signaux web essentiels — données terrain (CrUX).
- WebPageTest — waterfall détaillé par ressource.
- Lighthouse CI — surveillance automatisée à chaque déploiement.
Optimiser le LCP : plan d'action détaillé
Le LCP (Largest Contentful Paint) mesure le temps qu'il faut pour afficher l'élément principal — souvent une image hero ou un titre. Un bon LCP est inférieur à 2,5 s sur mobile 4G. Voici les 6 leviers qui donnent 90 % du résultat.
- Format AVIF ou WebP pour l'image hero — 40 à 70 % plus léger qu'un JPEG.
- Preload de l'image LCP dans le head — gain typique de 300 à 800 ms.
- Dimensions width/height explicites sur toutes les images — évite le reflow.
- Hébergement français ou européen (o2switch, Scaleway) — 100 ms de TTFB en moins vs US.
- CDN (Bunny, Cloudflare) pour servir les assets au plus près.
- Défer JS non critique — un script en bloquant peut coûter 2 s de LCP.
INP : la nouvelle métrique qui pénalise
L'INP (Interaction to Next Paint) a remplacé le FID en mars 2024. Elle mesure la réactivité globale — le temps de réponse à chaque clic, tap ou frappe clavier. Un INP sain reste sous 200 ms. Sur les sites WordPress chargés en plugins, l'INP moyen dépasse fréquemment 500 ms, et Google déclasse en conséquence.
Les 3 causes principales d'un mauvais INP : trackers tiers (GTM chargé de 12 tags), hydratation React lourdesur un site headless mal découpé, et event listeners synchrones qui bloquent le thread principal. Solution : audit Chrome DevTools Performance, découpage bundle, lazy-hydration.
CLS : traquer les décalages invisibles
Le CLS (Cumulative Layout Shift) pénalise les décalages visuels — bannière cookie qui pousse le contenu, image sans dimensions, police web qui swap tardivement. Cible : inférieur à 0,1. Les 4 correctifs prioritaires :
- Réserver l'espace des bannières et publicités avec un min-height CSS.
- font-display: optional ou preload des polices custom pour éviter le FOUT.
- Aspect-ratio CSS sur toutes les images et vidéos embed.
- Bannière cookie en overlay et non en push — voir notre approche RGPD.
Cas client : de 32 à 92/100 en 3 semaines
Score PageSpeed mobile de 32/100 à l'arrivée. Après audit, on a compressé les images en AVIF, retiré 4 apps Shopify inutiles, retardé les scripts marketing après interaction. Résultat à 3 semaines : 92/100, LCP à 1,4 s, INP à 140 ms, CLS à 0,04. +31 % de conversion mesurée à budget publicitaire constant.
Monitoring continu : la partie oubliée
Un site optimisé une fois se dégrade en 6 mois — nouveaux plugins, images non compressées, scripts marketing ajoutés. Nous recommandons un monitoring hebdomadaire via Lighthouse CI ou SpeedCurve, avec alerte automatique dès qu'un KPI passe au rouge. C'est ce que couvre notre forfait maintenance.