Tech & Web

Core Web Vitals : Définition, Métriques et Optimisation

Que sont les Core Web Vitals ?

Les Core Web Vitals (signaux web essentiels en français) sont un sous-ensemble des Web Vitals, une initiative de Google lancée en 2020 pour fournir des indicateurs unifiés de qualité d'expérience utilisateur. Ces trois métriques ciblent les aspects les plus critiques de l'UX : le chargement perçu, la stabilité de la page et la réactivité. Elles sont mesurées sur des données terrain (Real User Monitoring) et non uniquement en laboratoire.

Google évalue ces métriques au 75e percentile des visites sur une période de 28 jours. Cela signifie que 75 % de vos utilisateurs doivent obtenir un score "bon" pour que votre page soit considérée comme performante.

Les 3 métriques Core Web Vitals en détail

Chaque métrique évalue un aspect distinct de l'expérience utilisateur. Voici leurs seuils officiels :

MétriqueBonÀ améliorerMauvais
LCP (Largest Contentful Paint)≤ 2,5 s2,5 s – 4 s> 4 s
CLS (Cumulative Layout Shift)≤ 0,10,1 – 0,25> 0,25
INP (Interaction to Next Paint)≤ 200 ms200 ms – 500 ms> 500 ms

LCP (Largest Contentful Paint) mesure le temps nécessaire pour afficher le plus grand élément de contenu visible (image, bloc de texte, vidéo). C'est l'indicateur principal de la vitesse de chargement perçue.

CLS (Cumulative Layout Shift) quantifie les décalages de mise en page inattendus. Un score élevé signifie que des éléments bougent après le rendu initial, frustrant les utilisateurs.

INP (Interaction to Next Paint) a remplacé le FID (First Input Delay) en mars 2024. Il mesure la latence de toutes les interactions utilisateur (clics, touches, saisie) et non plus seulement la première.

Core Web Vitals vs Score PageSpeed : quelle différence ?

Core Web Vitals

  • Données terrain (utilisateurs réels)
  • 3 métriques spécifiques
  • Facteur de classement SEO direct
  • Mesuré au 75e percentile sur 28 jours
  • Reflète l'expérience réelle

Score PageSpeed

  • Données de laboratoire (simulées)
  • Score composite 0-100 (6 métriques)
  • Indicatif, pas un facteur SEO direct
  • Instantané à un moment donné
  • Dépend des conditions de test

Comment optimiser vos Core Web Vitals

  1. Optimisez le LCP — Compressez vos images (WebP/AVIF), utilisez un CDN, réduisez le TTFB et préchargez les ressources critiques avec <link rel="preload">.
  2. Réduisez le CLS — Définissez des dimensions explicites sur les images et vidéos, utilisez font-display: swap et réservez l'espace pour le contenu dynamique.
  3. Améliorez l'INP — Réduisez le JavaScript bloquant, divisez les tâches longues (Long Tasks), utilisez requestIdleCallback et optimisez les gestionnaires d'événements.
  4. Mettez en cache intelligemment — Configurez des en-têtes Cache-Control appropriés et utilisez un Service Worker pour les ressources statiques.
  5. Surveillez en continu — Utilisez la Search Console, le rapport CrUX et des outils RUM pour détecter les régressions rapidement.

Vos Core Web Vitals sont-ils dans le vert ?

Testez gratuitement les performances de votre site et découvrez vos scores LCP, CLS et INP avec des recommandations concrètes.

Analyser ma vitesse →