LCP (Largest Contentful Paint) ist eine Kennzahl der Core Web Vitals, die die Zeit vom Seitenaufruf bis zum Rendern des größten sichtbaren Inhaltselements auf dem Bildschirm misst.
Das "größte inhaltliche Element" wird automatisch vom Browser bestimmt; auf den meisten E-Commerce-Seiten ist es das Hero-Bild auf der Startseite, der PLP oder der PDP oder die H1 auf einer Blog-/Artikel-Seite. 2026 Schwellenwerte: ≤ 2,5s gut, ≤ 4,0s Verbesserungsbedarf, > 4,0s schlecht.
Häufige LCP-Lösungen für E-Commerce: das LCP-Bild mit <link rel="preload" as="image" fetchpriority="high"> vorladen, moderne Formate (AVIF/WebP) verwenden, priority bei Next.js Image-Komponenten nutzen, die Seite serverseitig rendern (oder vom Edge streamen), kritisches CSS inline einfügen und das Lazy-Loading des LCP-Bildes vermeiden.
LCP wird stark von den Netzwerkbedingungen und der CDN-Leistung beeinflusst. Edge-Rendering (TTFB ≤ 100ms) setzt einen strukturellen Mindestwert, den monolithisch gerenderte Ursprungsseiten nicht erreichen können.