LCP (Largest Contentful Paint)
Le LCP mesure le temps de rendu du plus grand élément visible dans le viewport (image héro, bloc de texte, vidéo). C'est le Core Web Vital le plus important pour le SEO. Seuils Google : < 2,5s = bon, 2,5-4s = à améliorer, > 4s = mauvais. 43 % des sites ne passent pas le seuil de 2,5s.
LCP : définition complète
Le LCP est impacté par : temps de réponse serveur (TTFB), chargement des ressources (CSS, JS bloquants), temps de rendu, taille de l'image principale. Optimisations : CDN (réduire TTFB), préchargement de l'image LCP (fetchpriority="high"), format WebP/AVIF, SSG (HTML pré-généré).
En Next.js, utilisez <Image priority> sur l'image héro et next/font pour éviter le FOIT (Flash of Invisible Text). Un LCP < 1,5s donne un avantage mesurable sur les concurrents > 2,5s.
Exemple concret
Avant optimisation : LCP de 3,8s (image héro 2,4 MB en PNG, pas de CDN). Après : LCP de 1,2s (image WebP 180 KB, CDN Cloudflare, preload). PageSpeed : 52 → 96.
Concepts associés
PageSpeed
PageSpeed est le score de performance d'une page web mesuré par Google (0-100).
TechniqueCLS
Le CLS mesure la stabilité visuelle d'une page : les décalages inattendus de contenu pendant le chargement (texte qui bouge, images qui poussent le contenu).
TechniqueINP
L'INP mesure la réactivité d'une page : le temps entre une interaction utilisateur (clic, tap, touche clavier) et la mise à jour visuelle suivante.
TechniqueCDN
Un CDN est un réseau de serveurs répartis géographiquement qui distribue le contenu d'un site web depuis le serveur le plus proche de l'utilisateur.
TechniqueSSG
Le SSG (génération de site statique) est une méthode de rendu qui pré-génère toutes les pages HTML au moment du build, avant le déploiement.
Besoin d’aide pour votre stratégie digitale ?
Audit offert. Recommandations en 48h. Zéro engagement.