Les Core Web Vitals expliqués

Google utilise trois métriques pour évaluer l'expérience utilisateur de votre site :

  • LCP (Largest Contentful Paint) : temps d'affichage du plus grand élément visible. Cible : moins de 2,5 secondes.
  • FID (First Input Delay) : délai entre la première interaction et la réponse du site. Cible : moins de 100ms. Remplacé par INP en 2024.
  • CLS (Cumulative Layout Shift) : stabilité visuelle de la page. Cible : score inférieur à 0,1.

Optimiser le LCP

Le LCP est souvent l'image hero ou le titre principal. Pour l'améliorer :

  • Servez les images en format WebP ou AVIF
  • Utilisez l'attribut loading="eager" sur l'image LCP (pas de lazy loading)
  • Ajoutez un preload pour l'image critique
  • Activez la compression Brotli côté serveur
  • Utilisez un CDN pour réduire la latence réseau

Optimiser le CLS

Les décalages de mise en page sont frustrants pour l'utilisateur. Les causes principales :

  • Images sans dimensions explicites (width/height)
  • Publicités ou embeds qui s'insèrent dynamiquement
  • Polices web qui provoquent un flash de texte (FOUT)

La solution : réservez toujours l'espace pour les médias, utilisez font-display: swap avec des fallbacks métriquement proches.

Mesurer et surveiller

Utilisez PageSpeed Insights pour les données terrain (CrUX) et labo, Web Vitals extension pour un suivi en temps réel pendant le développement, et Search Console pour le suivi global de votre site.

L'impact SEO

Bien que les Core Web Vitals ne soient qu'un facteur parmi d'autres, sur un marché concurrentiel, ils peuvent faire la différence entre la première et la deuxième page de résultats. L'optimisation est un investissement rentable.

Core Web VitalsperformanceSEOLCPCLSGoogle
Partager