LCP - Largest Contentful Paint
Mesure la performance de chargement. Temps d'affichage du plus grand élément visible.
Bon < 2,5s
À améliorer 2,5-4s
Mauvais > 4s
INP - Interaction to Next Paint
Mesure l'interactivité. Réactivité aux interactions utilisateur (clic, appui, touche).
Bon < 200ms
À améliorer 200-500ms
Mauvais > 500ms
CLS - Cumulative Layout Shift
Mesure la stabilité visuelle. Décalages inattendus lors du chargement.
Bon < 0,1
À améliorer 0,1-0,25
Mauvais > 0,25
–
Score LCP
–
Score INP
–
Score CLS
–
Global
Core Web Vitals
Les Core Web Vitals sont les métriques standardisées de Google pour mesurer l'expérience utilisateur réelle. Ils influencent directement le classement dans Google Search comme signal d'expérience de page.
Les trois Core Web Vitals
| Métrique | Ce qu'elle mesure | Bon | À améliorer | Mauvais |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Performance de chargement | < 2,5s | 2,5-4,0s | > 4,0s |
| INP (Interaction to Next Paint) | Réactivité | < 200ms | 200-500ms | > 500ms |
| CLS (Cumulative Layout Shift) | Stabilité visuelle | < 0,1 | 0,1-0,25 | > 0,25 |
Comment améliorer le LCP
- Compressez et optimisez les images hero ; utilisez le format WebP
- Préchargez l'élément LCP avec
<link rel="preload"> - Utilisez un CDN ; réduisez le temps de réponse serveur (TTFB)
Comment améliorer le CLS
- Définissez toujours des dimensions explicites sur les images et vidéos
- Réservez l'espace pour les publicités avant leur chargement
- Évitez d'insérer du contenu au-dessus d'éléments existants après le chargement
Contexte infrastructure en France
Les scores Core Web Vitals sont mesurés à partir de données réelles du Chrome User Experience Report (CrUX), qui capture les conditions réseau réelles des utilisateurs. En France :
- Vitesse 4G moyenne : ~60 Mbps (ARCEP 2023). La bande passante est rarement le facteur limitant , le LCP est surtout déterminé par le temps de réponse serveur (TTFB) et les ressources bloquant le rendu.
- Connexions lentes : les zones rurales atteignent souvent 10-20 Mbps ou moins. Si vous ciblez ces audiences, testez avec le profil "3G lent" dans les DevTools Chrome.
- Hébergement en France : OVH (Roubaix, Gravelines, Strasbourg), Scaleway (Paris), et Infomaniak (Genève, 10ms de Paris) sont les options les plus proches des serveurs Google.fr. Un hébergeur avec un datacenter en France réduit le TTFB de 50 à 150ms par rapport à un hébergeur américain.
- CDN recommandés : Cloudflare (PoP à Paris), Fastly, BunnyCDN. OVH CDN est disponible mais moins performant que les CDN spécialisés pour les assets statiques.