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

  1. Hero-Bild zu WebP/AVIF — sofortige 25–50 % Dateigrößen-Reduktion.
  2. Hero-Bild eager (NICHT lazy) laden — Lazy Loading auf above-the-fold-Bildern killt LCP.
  3. Preload für Hero-Bild — <link rel="preload" as="image" href="hero.webp">.
  4. CDN für Bildauslieferung — geografisch nähere Edge-Server reduzieren TTFB.
  5. Server-Antwortzeit (TTFB) — schlechte Server-Performance ist limitierender Faktor.
  6. Render-Blocking-CSS und -JS reduzieren — verhindert frühes Rendering des Hero-Elements.
  7. 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.

Häufige Fragen

Was ist LCP (Largest Contentful Paint)?
LCP misst die Zeit bis zum Rendering des größten sichtbaren Elements im Viewport — meist ein Hero-Bild oder Text-Block. Kernmetrik der Core Web Vitals. Schwellwerte: unter 2,5s „gut", 2,5–4s „ verbesserungsbedürftig", über 4s „schlecht".
Was verzögert LCP typischerweise?
Vier Ursachen: (1) langsame Server-Antwort (TTFB), (2) render-blockierendes CSS/JS, (3) große, unoptimierte Bilder, (4) Client-side-Rendering ohne SSR. Optimierung: TTFB unter 600ms, CSS inline für Above-the-Fold, Bilder komprimiert plus Lazy-Loading.
Wie misst man LCP?
Zwei Wege: (1) Feld-Daten aus CrUX (echte Nutzer, autoritativ für Ranking), (2) Lab-Daten aus Lighthouse (simulierter Browser, für Test-Iteration). Beide zeigen unter „Metriken → LCP" das größte sichtbare Element und die Ladezeit.
Wie verbessert man LCP um mehrere Sekunden?
Über drei Big-Wins: (1) Hero-Bild als AVIF mit fetchpriority=high, (2) render-blockierendes CSS asynchron laden, (3) Server-Response-Time optimieren (CDN, Cache-Strategie). Jeder dieser Schritte bringt oft 1–2 Sekunden LCP-Verbesserung.

Wird in Rankmio genutzt für

LCP-Audit im SEO-Check

Zur Funktion →

Verwandte Begriffe

Core Web Vitals Set aus drei Google-Performance-Metriken (LCP, INP, CLS), die seit 2021 ein dire… PageSpeed Ladezeit einer Webseite. Direkter Ranking-Faktor (Core Web Vitals), kritischer U… WebP & AVIF Moderne Bildformate mit 25–50 % kleinerer Dateigröße bei vergleichbarer Qualität… Lazy Loading Technik, bei der Bilder, Videos und Iframes erst geladen werden, wenn sie kurz v… CrUX (Chrome User Experience Report) Googles öffentlicher Datensatz mit echten Nutzerdaten zu Page-Performance von Mi…

Letzte Aktualisierung: 2026-07-29  ·  Alle Glossar-Einträge ansehen

Kostenloser SEO- & GEO-Check

SEO-Score, KI-Sichtbarkeit und Zitierbarkeit deiner Website in 30 Sekunden — ohne Registrierung.

Jetzt kostenlos prüfen

Bereit, deine Website zu optimieren?

Kostenlos registrieren, 10 Credits erhalten und direkt loslegen.

Jetzt registrieren