Core Web Vitals

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 sous 2,5 secondes, à améliorer de 2,5 à 4 secondes, mauvais au-delà de 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 sous 200ms, à améliorer de 200 à 500ms, mauvais au-delà de 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 de plus de 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 sous 0,1, à améliorer de 0,1 à 0,25, mauvais au-delà de 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.

Données de laboratoire ou données de terrain : lesquelles comptent ?

Une distinction essentielle échappe à la plupart des propriétaires de sites. Les outils comme Lighthouse produisent des données de laboratoire (lab data) : une simulation dans des conditions contrôlées, utile pour déboguer. Mais Google prend en compte les données de terrain (field data), issues des vrais utilisateurs via le rapport CrUX (Chrome User Experience Report).

Concrètement, votre score Lighthouse peut être excellent alors que vos données de terrain restent médiocres, parce que vos visiteurs réels utilisent des smartphones d'entrée de gamme sur des réseaux 4G lents. Pour un site vitrine d'artisan dont la clientèle consulte majoritairement en déplacement, ce sont bien les données de terrain qui déterminent le classement. Prenez toujours vos décisions à partir de l'onglet "Découvrez ce que vivent vos utilisateurs réels" de PageSpeed Insights.

Les erreurs fréquentes qui plombent les scores

- Charger des images non compressées au format JPEG lourd au lieu de WebP ou AVIF. - Empiler les scripts tiers : chat en direct, pixels publicitaires, cartes interactives, chacun ajoutant du JavaScript bloquant. - Oublier les dimensions des images et publicités, ce qui provoque des sauts de mise en page (CLS). - Charger des polices web volumineuses sans stratégie de repli, retardant l'affichage du texte. - Utiliser un thème générique surchargé (fréquent sur les CMS "tout-en-un") bourré de fonctionnalités inutiles.

Checklist Core Web Vitals pour une PME

- Images servies en WebP/AVIF avec dimensions explicites. - Un seul outil de statistiques et un minimum de scripts tiers. - Police web avec font-display: swap et préchargement de la police principale. - Hébergement rapide avec CDN activé. - Test mensuel sur PageSpeed Insights en priorisant le rapport mobile.

Combien coûte la lenteur à une PME

Les Core Web Vitals ne sont pas qu'une affaire de référencement, ils pèsent directement sur le chiffre d'affaires. Un site vitrine d'artisan qui reçoit 1 500 visites par mois avec un LCP de 4,5 secondes perd une part importante de ses visiteurs avant même l'affichage. En ramenant le LCP à 1,8 seconde, il est réaliste de récupérer 15 à 20% de visiteurs supplémentaires qui restent, soit 225 à 300 personnes de plus par mois exposées à l'offre.

Si 3% de ces visiteurs additionnels demandent un devis, cela représente 7 à 9 contacts qualifiés mensuels gagnés sans un euro de publicité en plus. Sur une année, l'impact d'une simple optimisation technique dépasse souvent le coût d'une refonte de site. C'est pourquoi la performance doit être vue comme un investissement commercial, pas comme un détail de développeur.

Bonnes pratiques 2026

En 2026, l'INP est pleinement installé comme métrique principale de réactivité, ce qui pénalise les sites surchargés de JavaScript. La tendance est au retour à la sobriété technique : moins de scripts, un rendu côté serveur, et des interfaces qui répondent instantanément. Pour une PME, cela signifie qu'un site léger et bien construit dépasse désormais un site "riche" mais lent, y compris pour le référencement local.

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, un avantage concret pour les artisans et indépendants qui veulent rester devant leurs concurrents sur Google.