Guide Performance

Guide Core Web Vitals 2025

Optimisez LCP, INP et CLS pour de meilleures performances et un meilleur classement.

LCP

Performance de chargement

< 2.5s

INP

Interactivité

< 200ms

CLS

Stabilité visuelle

< 0.1

Pourquoi les Core Web Vitals sont importants

+24%

Taux de rebond réduit avec des pages rapides

53%

Les utilisateurs abandonnent les pages > 3 secondes

Les Core Web Vitals sont un facteur de classement direct Google depuis 2021. De mauvais scores peuvent nuire à votre visibilité.

LCP - Largest Contentful Paint

Le LCP mesure le temps nécessaire pour que le plus grand élément de contenu (image ou bloc de texte) devienne visible dans la fenêtre.

Bon
< 2.5s
À améliorer
2.5s - 4s
Mauvais
> 4s

Comment optimiser le LCP

Utilisez un hébergement rapide et fiable avec CDN
Optimisez et lazy-loadez les images (WebP, AVIF)
Minimisez le CSS et JavaScript bloquant le rendu
Préchargez les ressources critiques (fonts, image hero)

INP - Interaction to Next Paint

Nouveau en 2024 : L'INP a remplacé le FID (First Input Delay) comme métrique officielle d'interactivité en mars 2024.

L'INP mesure le temps entre l'interaction de l'utilisateur (clic, tap, clavier) et la réponse visuelle du navigateur.

Bon
< 200ms
À améliorer
200-500ms
Mauvais
> 500ms

Comment optimiser l'INP

Divisez les longues tâches JavaScript (< 50ms)
Utilisez des web workers pour les calculs lourds
Différez le JavaScript non critique
Optimisez les gestionnaires d'événements et callbacks

CLS - Cumulative Layout Shift

Le CLS mesure les décalages de mise en page inattendus pendant le chargement. Un CLS élevé signifie que les éléments bougent, frustrant les utilisateurs.

Bon
< 0.1
À améliorer
0.1 - 0.25
Mauvais
> 0.25

Causes courantes du CLS

Images sans dimensions
Publicités et embeds sans espace réservé
Contenu injecté dynamiquement
Polices web causant FOIT/FOUT

Comment corriger le CLS

Toujours définir width et height sur les images
Réserver l'espace pour les pubs et embeds
Éviter d'insérer du contenu au-dessus du contenu existant
Utiliser font-display: swap pour les polices web

Outils pour mesurer les Core Web Vitals

PageSpeed Insights
Données lab et terrain de Google
Chrome DevTools
Analyse du panneau Performance
Lighthouse
Audits automatisés
Web Vitals Extension
Overlay CWV en temps réel
Search Console
Données terrain pour vos pages
SEOCheckr Audit
Audit complet avec CWV

Vérifiez vos Core Web Vitals

Obtenez des scores de performance instantanés et des conseils d'optimisation.

Lancer l'audit gratuit