Next Generation — Agence Digitale
    Aller au contenu principal
    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