Core Web Vitals
Les Core Web Vitals sont un ensemble de métriques Google qui mesurent la performance, la réactivité et la stabilité visuelle d'une page web pour l'utilisateur.
Pourquoi c'est important
Les Core Web Vitals sont un facteur de ranking Google qui impacte directement votre visibilité dans les résultats de recherche. Un site lent et instable perd des visiteurs et des positions. Optimiser ces métriques améliore votre SEO et vos conversions simultanément.
Qu'est-ce que les Core Web Vitals ?
Les Core Web Vitals sont trois métriques de performance web définies par Google comme essentielles pour une bonne expérience utilisateur. Depuis juin 2021, elles font partie des facteurs de ranking de Google et influencent directement le positionnement de votre site dans les résultats de recherche. En 2024, Google a mis à jour ces métriques avec le remplacement du FID par l'INP.
Ces métriques mesurent trois aspects de l'expérience : la vitesse de chargement (LCP), la réactivité (INP) et la stabilité visuelle (CLS). Chaque métrique a un seuil "bon", "à améliorer" et "mauvais".
LCP (Largest Contentful Paint)
Le LCP mesure le temps nécessaire pour afficher le plus grand élément visible de la page (image hero, bloc de texte principal, vidéo). C'est la perception de vitesse par l'utilisateur. Les seuils sont : bon < 2,5 secondes, à améliorer 2,5-4 secondes, mauvais > 4 secondes.
Pour améliorer le LCP : optimisez les images (format WebP/AVIF, lazy loading, srcset), utilisez un CDN, préchargez les ressources critiques (preload), minimisez le CSS et JavaScript bloquant, et utilisez le server-side rendering (SSR). Avec Next.js et son composant Image optimisé, atteindre un LCP sous 2 secondes est standard.
INP (Interaction to Next Paint)
L'INP (qui remplace le FID depuis mars 2024) mesure la réactivité globale de la page : le temps entre l'interaction de l'utilisateur (clic, tap, frappe clavier) et la réponse visuelle de la page. Les seuils sont : bon < 200ms, à améliorer 200-500ms, mauvais > 500ms.
L'INP est plus exigeant que l'ancien FID car il mesure toutes les interactions pendant la session, pas seulement la première. Pour l'améliorer : réduisez le JavaScript exécuté sur le thread principal, divisez les tâches longues (long tasks > 50ms), utilisez des web workers pour les calculs lourds, et évitez les hydrations JavaScript massives au chargement.
CLS (Cumulative Layout Shift)
Le CLS mesure la stabilité visuelle : les déplacements inattendus d'éléments pendant le chargement. Vous avez déjà cliqué sur un bouton, et au moment du clic, une image se charge et pousse le bouton plus bas ? C'est un layout shift. Le seuil est : bon < 0,1, à améliorer 0,1-0,25, mauvais > 0,25.
Pour améliorer le CLS : définissez toujours les dimensions (width, height) des images et vidéos, réservez l'espace pour les publicités et iframes, utilisez font-display: swap pour les polices, et évitez d'insérer du contenu dynamiquement au-dessus du contenu existant.
L'impact sur le SEO et le business
Google a confirmé que les Core Web Vitals sont un facteur de ranking. À contenu égal, la page avec les meilleures performances sera favorisée. Selon une étude de Vodafone, améliorer le LCP de 31% a augmenté les ventes de 8%. Amazon estime que 100ms de latence supplémentaire coûte 1% de ventes.
Au-delà du SEO, les Core Web Vitals impactent directement l'expérience utilisateur et la conversion. Un site rapide et stable inspire confiance et réduit les abandons.
Comment mesurer vos Core Web Vitals
Utilisez PageSpeed Insights (pagespeed.web.dev) pour un diagnostic rapide. Google Search Console affiche les Core Web Vitals de toutes vos pages dans la section "Expérience". Chrome DevTools (onglet Performance) permet une analyse détaillée. Lighthouse génère un rapport complet avec des recommandations.
Chez ConvertiLab, tous nos sites sont optimisés pour obtenir des scores Core Web Vitals dans le vert. Next.js, le rendu côté serveur et l'optimisation d'images nous permettent d'atteindre des scores PageSpeed de 95 à 100.
Exemples pratiques
Un site e-commerce optimise ses images et passe à Next.js — le LCP passe de 4,2s à 1,8s, le CLS de 0,32 à 0,05, et le trafic organique augmente de 18% en 2 mois.
Un blog technique implémente le lazy loading et réduit le JavaScript — l'INP passe de 450ms à 120ms, et le taux de rebond mobile diminue de 25%.
Un site de services corrige les layout shifts causés par des polices et images non dimensionnées — le CLS passe de 0,28 à 0,03 et la position moyenne sur Google gagne 5 places.
Questions fréquentes
Comment vérifier mes Core Web Vitals ?
Utilisez PageSpeed Insights (pagespeed.web.dev) : entrez l'URL de votre site et obtenez un rapport complet avec les scores LCP, INP et CLS, plus des recommandations d'amélioration. Google Search Console affiche aussi les Core Web Vitals de l'ensemble de vos pages.
Mon site a un mauvais score Core Web Vitals, est-ce grave ?
Oui, cela impacte votre SEO et votre taux de conversion. Google utilise ces métriques comme facteur de ranking. Un mauvais score signifie aussi une mauvaise expérience utilisateur : site lent, instable, non réactif. Priorisez les optimisations : images, JavaScript, et stabilité visuelle.
Next.js aide-t-il à améliorer les Core Web Vitals ?
Oui, considérablement. Next.js offre le rendu côté serveur (SSR), l'optimisation automatique des images (composant Image), le code-splitting automatique, et le prefetching des pages. Ces fonctionnalités natives permettent d'atteindre des scores de 90+ sans effort supplémentaire.
Besoin d'aide avec le Core ?
Nos experts vous accompagnent pour mettre en place une stratégie efficace. Obtenez un devis gratuit et personnalisé sous 24h.
Aller plus loin
Voir tout le glossaire marketing digitalDernière mise à jour : 6 avril 2026