Qu'est-ce que les Core Web Vitals ?
En 2021, Google a officiellement intégré les Core Web Vitals dans son algorithme de classement. Ces 3 métriques mesurent l'expérience réelle des utilisateurs sur votre site. Un site lent ou instable est pénalisé dans les résultats de recherche.
Les 3 métriques Core Web Vitals
LCP — Largest Contentful Paint (vitesse de chargement)
Le LCP mesure le temps de chargement de l'élément le plus volumineux de votre page (généralement l'image principale ou le titre). C'est l'indicateur de vitesse perçue.
- Bon : < 2,5 secondes
- À améliorer : 2,5 à 4 secondes
- Mauvais : > 4 secondes
CLS — Cumulative Layout Shift (stabilité visuelle)
Le CLS mesure les décalages visuels inattendus pendant le chargement — quand les éléments bougent et que vous cliquez par erreur sur le mauvais bouton. Rien de plus frustrant.
- Bon : < 0,1
- À améliorer : 0,1 à 0,25
- Mauvais : > 0,25
INP — Interaction to Next Paint (réactivité)
L'INP (remplaçant du FID depuis mars 2026) mesure la réactivité de votre site aux interactions utilisateur — clic sur un bouton, saisie dans un formulaire.
- Bon : < 200ms
- À améliorer : 200 à 500ms
- Mauvais : > 500ms
Comment mesurer vos Core Web Vitals
Plusieurs outils gratuits pour mesurer vos performances :
- Google PageSpeed Insights (pagespeed.web.dev) — analyse instantanée mobile et desktop
- Google Search Console — rapport Core Web Vitals sur l'ensemble de votre site
- GTmetrix — analyse détaillée avec waterfall
- Chrome DevTools — mesures en temps réel dans votre navigateur
Les causes les plus courantes de mauvaises performances
- Images non optimisées — des images de 2-3 Mo qui devraient faire 100-200 Ko
- Pas de lazy loading — charger toutes les images même celles hors écran
- CSS et JS bloquants — scripts qui retardent l'affichage de la page
- Hébergement lent — serveur qui met plus de 200ms à répondre
- Polices web non optimisées — charger 5 variantes de polices Google Fonts
Comment Numewoo optimise vos Core Web Vitals
Tous les sites créés par Numewoo sont construits avec Next.js 15, le framework React le plus performant au monde, qui optimise automatiquement :
- Les images avec next/image (compression automatique, WebP, lazy loading)
- Le code avec le tree-shaking et la minification
- Le rendu avec Server-Side Rendering et Static Generation
- Les polices avec next/font (zéro layout shift)
Résultat : des scores PageSpeed 90+ sur mobile, ce qui vous donne un avantage concurrentiel significatif sur la majorité des sites concurrents.
