LCP (Largest Contentful Paint) est une métrique des Core Web Vitals mesurant le temps écoulé depuis la navigation sur la page jusqu'à ce que le plus grand élément de contenu visible soit rendu à l'écran.
L'« élément de contenu le plus grand » est déterminé automatiquement par le navigateur ; sur la plupart des pages de commerce électronique, il s'agit de l'image principale sur la page d'accueil, la PLP ou la PDP, ou du H1 sur une page de blog/article. Seuils de 2026 : ≤ 2,5s bon, ≤ 4,0s nécessite une amélioration, > 4,0s mauvais.
Corrections courantes de LCP pour le commerce électronique : précharger l'image LCP avec <link rel="preload" as="image" fetchpriority="high">, servir des formats modernes (AVIF/WebP), utiliser priority sur les composants Image de Next.js, rendre la page côté serveur (ou diffuser depuis l'edge), intégrer le CSS critique, et éviter le chargement paresseux de l'image LCP.
LCP est fortement influencé par les conditions réseau et les performances du CDN. Le rendu en edge (TTFB ≤ 100ms) établit un plancher structurel que les sites rendus en monolithique ne peuvent égaler.