Glossary

Was ist Largest Contentful Paint?

Largest Contentful Paint (LCP) ist eine Ladezeitmetrik, die misst, wie lange es dauert, bis das größte sichtbare Inhaltselement einer Webseite vollständig gerendert ist. Dabei kann es sich um ein Bild, ein Video-Poster, ein Hintergrundbild oder einen Textblock handeln. LCP ist Teil der Core Web Vitals von Google und fließt direkt in das Seitenranking ein. Ein guter LCP-Wert liegt laut Google unter 2,5 Sekunden. Er gilt als zuverlässiger Indikator für die wahrgenommene Ladegeschwindigkeit aus Nutzerperspektive.
2 Min Lesezeit ·
Inhaltsverzeichnis
  1. Warum Largest Contentful Paint relevant ist
  2. Wie Largest Contentful Paint in der Praxis funktioniert
  3. Was Largest Contentful Paint nicht ist

Warum Largest Contentful Paint relevant ist

Largest Contentful Paint wurde von Google als Teil der Core Web Vitals eingeführt, um die Nutzererfahrung beim Laden von Webseiten messbar zu machen. Seit dem Page Experience Update 2021 ist LCP ein offizieller Rankingfaktor in der Google-Suche. Der Hintergrund: Frühere Metriken wie First Contentful Paint oder Time to First Byte spiegelten nicht zuverlässig wider, wann eine Seite für den Nutzer tatsächlich nutzbar erscheint. LCP schließt diese Lücke, indem er den Zeitpunkt misst, an dem der dominante, sichtbare Inhalt geladen ist — also der Moment, den Nutzer unbewusst als „Seite ist da" wahrnehmen.

Im B2B-Kontext ist LCP besonders relevant, weil langsame Ladezeiten nachweislich die Absprungrate erhöhen und Conversion-Raten senken. Für Unternehmen, die über organische Suche Leads generieren, ist ein optimierter LCP-Wert damit nicht nur ein technisches, sondern ein geschäftskritisches Ziel.

Wie Largest Contentful Paint in der Praxis funktioniert

Der Browser identifiziert während des Ladevorgangs kontinuierlich das jeweils größte sichtbare Element im Viewport. Sobald kein größeres Element mehr erscheint, wird dieser Zeitstempel als LCP-Wert festgehalten. Typische LCP-Elemente sind:

  • Hero-Bilder im oberen Seitenbereich
  • Große Textblöcke (z. B. H1-Überschriften mit viel Inhalt)
  • Video-Poster-Frames
  • CSS-Hintergrundbilder mit großer Darstellungsfläche

Praxisbeispiel: Eine B2B-Landingpage hat ein großes Hero-Bild (1.200 × 600 px) als erstes sichtbares Element. Ist dieses Bild nicht vorab geladen (rel='preload') oder nicht in einem modernen Format wie WebP ausgeliefert, kann der LCP-Wert leicht auf 4–6 Sekunden steigen — weit außerhalb des grünen Bereichs. Durch Bildkomprimierung, Preloading und den Einsatz eines Content Delivery Networks (CDN) lässt sich dieser Wert auf unter 2,5 Sekunden reduzieren.

Gemessen wird LCP über Google Search Console (Feldwerte aus echten Nutzerdaten), PageSpeed Insights oder Lighthouse. Dabei unterscheidet Google zwischen Lab-Daten (synthetische Tests) und Field-Daten (reale Nutzerdaten aus dem Chrome User Experience Report).

Was Largest Contentful Paint nicht ist

LCP wird häufig mit verwandten Metriken verwechselt. Eine klare Abgrenzung:

  • First Contentful Paint (FCP) misst, wann das erste Element gerendert wird — nicht das größte. FCP kann bereits nach 0,5 Sekunden eintreten, während LCP noch aussteht.
  • Time to Interactive (TTI) misst, wann eine Seite vollständig interaktiv ist — LCP sagt nichts über Interaktivität aus.
  • Total Blocking Time (TBT) und Interaction to Next Paint (INP) messen JavaScript-Blockierungen und Reaktionsfähigkeit, nicht Ladegeschwindigkeit im visuellen Sinne.
  • Page Load Time ist kein standardisierter Core-Web-Vital-Wert und misst den vollständigen Ladevorgang inklusive aller Ressourcen — LCP fokussiert ausschließlich auf das primäre sichtbare Element.

LCP ist damit eine spezifische, nutzerzentrierte Metrik innerhalb des Core-Web-Vitals-Frameworks und kein allgemeines Maß für Seitengeschwindigkeit.

Häufige Fragen

Was ist ein guter Largest Contentful Paint Wert? +
Google definiert drei Bewertungsstufen: Ein LCP-Wert unter 2,5 Sekunden gilt als „gut" (grün), Werte zwischen 2,5 und 4,0 Sekunden als „verbesserungswürdig" (gelb), und alles über 4,0 Sekunden als „schlecht" (rot). Für ein positives Ranking-Signal sollte der LCP-Wert für mindestens 75 Prozent aller Seitenaufrufe im grünen Bereich liegen.
Welche Elemente werden als LCP-Element gewertet? +
Als LCP-Elemente zählen: Bilder (<code>&lt;img&gt;</code>), Bilder innerhalb von <code>&lt;picture&gt;</code>-Elementen, Video-Poster-Bilder, Elemente mit CSS-Hintergrundbild (sofern über die Resource Timing API geladen) sowie Block-Level-Textelemente wie Absätze, Überschriften oder Listen. Inline-SVGs und Canvas-Elemente werden derzeit nicht als LCP-Kandidaten gewertet.
Ist Largest Contentful Paint ein direkter Google-Rankingfaktor? +
Ja. LCP ist seit dem Google Page Experience Update (Juni 2021) ein offizieller Rankingfaktor. Er ist Teil der Core Web Vitals, die Google als Qualitätssignal für die Nutzererfahrung in den Suchalgorithmus integriert hat. Ein schlechter LCP-Wert kann das Ranking gegenüber Seiten mit vergleichbarem Content und besserer Performance benachteiligen.
Wie messe ich den Largest Contentful Paint meiner Website? +
LCP lässt sich mit mehreren Tools messen: Google PageSpeed Insights liefert sowohl Lab- als auch Field-Daten. Die Google Search Console zeigt aggregierte Field-Daten aus dem Chrome User Experience Report (CrUX). Lighthouse (in Chrome DevTools integriert) bietet Lab-Messungen. Für kontinuierliches Monitoring eignen sich Tools wie WebPageTest oder die JavaScript-API <code>PerformanceObserver</code> mit dem Eintrag „largest-contentful-paint".
Was sind die häufigsten Ursachen für einen schlechten LCP-Wert? +
Die vier Hauptursachen für einen schlechten LCP sind: erstens langsame Serverantwortzeiten (hoher TTFB), zweitens render-blocking Ressourcen wie unkritisches CSS oder JavaScript im Head, drittens nicht optimierte Bilder (falsches Format, fehlende Komprimierung, kein Preloading) und viertens clientseitiges Rendering durch JavaScript-Frameworks, bei dem der Hauptinhalt erst nach der JS-Ausführung sichtbar wird.

Du hast den Artikel gelesen.
Jetzt umsetzen?

Wir analysieren in 5 Minuten wo deine Website strukturell unsichtbar ist — kostenlos, ohne Verkaufsdruck.

Kostenlose Analyse starten