Définition
Le LCP mesure le temps nécessaire pour afficher le plus grand élément visible de la page (souvent une image ou un bloc de texte principal).
Explication détaillée
Le LCP est la métrique la plus importante des Core Web Vitals car elle représente la perception de vitesse par l'utilisateur. Un bon LCP est inférieur à 2,5 secondes. Pour l'améliorer : optimisez les images, utilisez un CDN, améliorez le temps de réponse du serveur.
Exemple concret
Sur une page produit, le LCP est souvent l'image principale du produit.
Bonnes pratiques
- Préchargez l'image LCP avec <link rel="preload">.
- Utilisez des formats d'image modernes (WebP, AVIF).
- Servez les images depuis un CDN pour réduire la latence.
- Optimisez le temps de réponse du serveur (TTFB < 800ms).
- Évitez le lazy loading sur l'image LCP (above the fold).
Erreurs courantes à éviter
- Lazy-loader l'image principale qui retarde le LCP.
- Utiliser des images trop lourdes non optimisées.
- Charger des polices web qui bloquent le rendu du texte.
- Avoir un serveur lent qui retarde le premier octet.
Termes associés
Autres termes : Performance
Passez de la théorie à la pratique
Maintenant que vous comprenez ce qu'est le/la LCP, analysez votre site pour voir comment l'améliorer.
Analyser mon site gratuitement