Vitesse de site web : pourquoi les Core Web Vitals changent tout

Qu'est-ce que les Core Web Vitals ?

En 2021, Google a officiellement intégré trois métriques de performance dans son algorithme de classement. Ces métriques mesurent l'expérience réelle des utilisateurs sur votre site.

Ce ne sont pas des scores abstraits — ce sont des mesures de ressenti : est-ce que votre page se charge vite ? Est-ce qu'elle saute partout pendant le chargement ? Est-ce qu'elle réagit rapidement à mes clics ?

LCP — Largest Contentful Paint

Le LCP mesure le temps d'affichage du plus grand élément visible de votre page (généralement une image hero ou un grand titre).

• Bon : < 2,5 secondes
• À améliorer : 2,5 à 4 secondes
• Mauvais : > 4 secondes

Comment améliorer : Optimisez la taille de vos images (WebP, compression), utilisez un CDN, choisissez un hébergement rapide, évitez les ressources bloquantes au chargement.

CLS — Cumulative Layout Shift

Le CLS mesure la stabilité visuelle de votre page. Avez-vous déjà cliqué sur un bouton qui venait de bouger à cause d'une pub qui s'est chargée ? C'est du CLS.

• Bon : < 0,1
• À améliorer : 0,1 à 0,25
• Mauvais : > 0,25

Comment améliorer : Définissez les dimensions de vos images et vidéos dans le HTML, réservez l'espace pour les publicités et embeds, évitez d'injecter du contenu dynamiquement au-dessus du contenu existant.

INP — Interaction to Next Paint

Remplaçant du FID depuis 2024, l'INP mesure la réactivité de votre site à toutes les interactions : clics, saisies, survols. Le délai entre votre action et la réponse visuelle.

• Bon : < 200ms
• À améliorer : 200 à 500ms
• Mauvais : > 500ms

Impact sur le SEO

Google utilise les Core Web Vitals comme signal de classement depuis mai 2021 (Page Experience Update). L'impact varie selon les analyses :

• Sur des marchés très compétitifs, la performance peut faire basculer une position 3 en position 2
• Sur des marchés moins compétitifs, l'impact est marginal à court terme
• L'impact indirect (taux de rebond, temps sur site) est souvent plus important que le signal direct

Autrement dit : un site lent fait fuir les visiteurs avant que Google n'ait besoin de le pénaliser.

Comment mesurer vos Core Web Vitals

• Google PageSpeed Insights : Données terrain réelles (CrUX) + analyse Lighthouse en laboratoire
• Google Search Console : Rapport "Expérience" avec données agrégées de vos pages
• Chrome DevTools : Mesure en temps réel sur votre navigateur
• web.dev/measure : Analyse simple avec recommandations

Next.js et les Core Web Vitals

Next.js est conçu nativement pour d'excellents Core Web Vitals : Server Components pour réduire le JavaScript client, Image component optimisé automatiquement, streaming et suspense pour un LCP plus rapide. C'est une des raisons pour lesquelles nous le privilégions pour les projets où la performance est critique.