SEO

LCP (Largest Contentful Paint)

Auch bekannt als: LCP, Largest Contentful Paint

Der Largest Contentful Paint (LCP) ist die Core-Web-Vitals-Metrik, die misst, wie lange es dauert, bis das größte sichtbare Element auf einer Webseite gerendert ist — typischerweise das Hero-Bild, die Hauptüberschrift H1 oder ein großer Text-Block. Sie ist der wichtigste „Perceived Speed"-Indikator und seit 2021 ein direkter Google-Ranking-Faktor. Ziel: Unter 2,5 Sekunden (75. Perzentil) für „Good", 2,5–4 s für „Verbesserung nötig", über 4 s für „Schlecht".

Was LCP konkret bedeutet

Der Browser identifiziert während des Renderings das größte sichtbare Element (gemessen an Render-Fläche, nicht an Datei-Größe). Der LCP ist der Zeitstempel, zu dem dieses Element vollständig sichtbar im Viewport gerendert ist. Beispiel: Eine Magazin-Seite hat ein 1200×800 Hero-Bild. Wenn das Bild nach 1,8 Sekunden vollständig sichtbar ist, LCP = 1,8 s. Wenn statt eines Bildes ein langer Text-Block der größte sichtbare Inhalt ist, gilt der dessen Zeitstempel.

LCP optimieren — die Top-Hebel

Hero-Bild zu WebP/AVIF — sofortige 25–50 % Dateigrößen-Reduktion.
Hero-Bild eager (NICHT lazy) laden — Lazy Loading auf above-the-fold-Bildern killt LCP.
Preload für Hero-Bild — <link rel="preload" as="image" href="hero.webp">.
CDN für Bildauslieferung — geografisch nähere Edge-Server reduzieren TTFB.
Server-Antwortzeit (TTFB) — schlechte Server-Performance ist limitierender Faktor.
Render-Blocking-CSS und -JS reduzieren — verhindert frühes Rendering des Hero-Elements.
Webfonts mit font-display: swap — kein Wartezeit auf Font-Download bei Text-LCP.

Häufige LCP-Killer

Lazy Loading auf Hero-Bild.
Sehr großes unkomprimiertes Hero-JPEG/PNG.
Tag-Manager-getriggerte Banner die above-the-fold rendern und blockieren.
Slow-Server-Response (TTFB > 1 s).
Render-Blocking-Scripts im Head.
Cookie-Banner, die Layout-Shift triggern und LCP verzögern.

Praxisbeispiel

Beispiel: Eine Magazin-Seite hatte LCP 4,3 s (Schlecht). Analyse: 1,8-MB-JPEG-Hero-Bild ohne Komprimierung, Lazy-Loading versehentlich gesetzt, drei Render-Blocking-Scripts im Head. Drei Fixes: Hero zu WebP komprimiert (auf 280 KB), loading="eager" + fetchpriority="high" gesetzt, Scripts auf async/defer. Nach 4 Wochen: LCP 1,9 s — alle drei Maßnahmen waren nötig, einzeln hätten sie nur 30–40 % der Verbesserung geliefert. Ranking-Effekt sichtbar in 6 Wochen.

Wird in Rankmio genutzt fuer

LCP-Audit im SEO-Check

Zur Funktion →

Letzte Aktualisierung: 2026-06-17 · Alle Glossar-Eintraege ansehen