PERFORMANCE · DONNÉES RÉELLES CHROME UX
Test Core Web Vitals
Les Core Web Vitals (LCP, INP, CLS) sont un facteur de classement Google depuis 2021. Entrez votre URL : on vous envoie au test officiel PageSpeed Insights (données réelles Chrome UX Report) et on vous explique chaque métrique avec une checklist concrète.
Ouvre PageSpeed Insights (Google) dans un nouvel onglet avec votre URL pré-remplie. Résultats en ~20 secondes.
LCP
Largest Contentful Paint
Cible : < 2.5s
Vitesse d'affichage du plus gros élément visible (souvent l'image hero ou le H1).
INP
Interaction to Next Paint
Cible : < 200ms
Délai entre un clic/tap et la réaction visible. Remplace FID depuis mars 2024.
CLS
Cumulative Layout Shift
Cible : < 0.1
Saut visuel cumulé pendant le chargement (gros responsable : images sans dimensions).
Comment améliorer le LCP
- 01Convertir l'image hero en WebP/AVIF (-60% de poids)
- 02Pré-charger l'image hero : <link rel="preload" as="image" href="…" />
- 03Servir les fonts via <link rel="preload" as="font"> + font-display: swap
- 04Mettre un CDN devant le site (Cloudflare, Vercel Edge)
Comment améliorer le INP
- 01Réduire le JavaScript bloquant (code-splitting, lazy imports)
- 02Reporter les scripts tiers (analytics, chat, A/B tests) avec defer
- 03Éviter les listeners 'scroll' synchrones — utiliser IntersectionObserver
- 04Profiler avec Chrome DevTools → Performance → Long tasks
Comment améliorer le CLS
- 01Ajouter width/height ou aspect-ratio à toutes les images et iframes
- 02Réserver l'espace pour les bannières/cookie consent avant qu'elles n'apparaissent
- 03Charger les fonts custom en font-display: optional ou swap avec fallback métrique
- 04Tester avec Chrome DevTools → Rendering → Layout Shift Regions
Questions fréquentes
- Que sont les Core Web Vitals ?
- Trois métriques de performance officielles Google : LCP (vitesse d'affichage du plus gros élément, cible <2.5s), INP (réactivité aux clics, cible <200ms) et CLS (stabilité visuelle, cible <0.1). Facteur de classement SEO depuis 2021.
- Pourquoi rediriger vers PageSpeed Insights et ne pas faire le test ici ?
- PSI fournit des données 'field' réelles (Chrome UX Report) que personne d'autre n'a. Refaire un Lighthouse côté client donnerait des résultats moins fiables. On vous y envoie directement avec votre URL et on vous explique quoi corriger.
- Quels gains SEO concrets espérer en améliorant les CWV ?
- Sur des sites e-commerce, passer de LCP 4s à 2s a fait gagner 8-15% de trafic organique sur 3 mois (sources : Vodafone, Renault, Vogue). C'est marginal mais cumulé avec le reste, c'est mesurable.
- Le plus rentable à corriger : LCP, INP ou CLS ?
- LCP en général : 80% des sites échouent dessus. Cause #1 : image hero non optimisée (pas de WebP/AVIF, pas de lazy loading, pas de srcset). Cause #2 : fonts custom mal chargées (FOIT).
Audit SEO on-page complet ?
10 critères techniques en 8 secondes — title, meta, schema, canonical, hiérarchie…
Audit SEO express