Was ist Largest Contentful Paint (LCP)?

Largest Contentful Paint (LCP) ist eine Ladezeit-Kennzahl aus den Core Web Vitals von Google. LCP misst, wie lange es dauert, bis das größte sichtbare Inhaltselement im Sichtbereich einer Webseite fertig geladen ist, gerechnet ab dem Moment, in dem der Seitenaufruf beginnt. Ein guter LCP-Wert liegt bei 2,5 Sekunden oder darunter, gemessen am 75. Perzentil aller Seitenaufrufe auf Mobil- und Desktop-Geräten. LCP zeigt damit, wie schnell ein Nutzer das Gefühl bekommt, dass die Seite geladen hat.

LCP ist eine der drei Core Web Vitals und die zentrale Kennzahl für die wahrgenommene Ladegeschwindigkeit. Google nutzt LCP als Teil des Page-Experience-Signals für das Ranking. Ein langsamer LCP bedeutet: Der Nutzer starrt zu lange auf eine halb leere Seite, springt eher ab und wertet die Seite als träge.

Kurzprofil des Begriffs

Was misst Largest Contentful Paint?

LCP misst den Zeitpunkt, an dem das größte Inhaltselement im sichtbaren Bereich des Browserfensters vollständig gerendert ist. Der Browser beobachtet während des Ladens laufend, welches Element gerade den meisten Platz im Viewport einnimmt, und meldet dessen Renderzeitpunkt. Als Startpunkt zählt der Beginn des Seitenaufrufs.

Wichtig ist die Abgrenzung: LCP misst nicht, wann die komplette Seite fertig geladen ist, sondern wann der wichtigste sichtbare Inhalt erscheint. Ein Nutzer bewertet eine Seite als „geladen“, sobald das Hauptmotiv oder die Überschrift steht, auch wenn im Hintergrund noch Skripte nachladen. Genau diesen Eindruck bildet LCP ab.

Google zerlegt jeden LCP-Wert in 4 Teilzeiten, die zusammen die gesamte Dauer ergeben. Diese Aufteilung zeigt, wo eine langsame Seite konkret Zeit verliert.

Was ist ein guter LCP-Wert?

Ein guter LCP-Wert liegt bei 2,5 Sekunden oder darunter. Google unterteilt die Messwerte in 3 Bewertungsstufen, die für Mobil- und Desktop-Geräte gleich gelten:

• Gut: LCP von 0 bis 2,5 Sekunden.
• Verbesserungswürdig: LCP von 2,5 bis 4,0 Sekunden.
• Schlecht: LCP über 4,0 Sekunden.

Entscheidend ist das 75. Perzentil: Google bewertet nicht den Durchschnitt, sondern den Wert, den 75 Prozent aller Seitenaufrufe erreichen oder unterbieten. Erst wenn drei von vier Besuchern eine Seite in 2,5 Sekunden oder schneller sehen, gilt der LCP als gut. Diese Feld-Daten stammen aus dem Chrome User Experience Report (CrUX), der echte Nutzerbesuche über die vergangenen 28 Tage sammelt.

Diese Feld-Werte findest du in der Google Search Console im Bericht „Core Web Vitals“ sowie in PageSpeed Insights. Lab-Tools wie Lighthouse liefern zusätzlich einen simulierten LCP-Wert, der beim Debuggen hilft, aber nicht ins Ranking einfließt.

Welches Element ist das LCP-Element?

Das LCP-Element ist das größte Inhaltselement, das beim Laden im sichtbaren Bereich erscheint. Der Browser berücksichtigt dabei nur bestimmte Element-Typen. Es gibt 4 Kandidaten für das LCP-Element:

1. Bilder: ein <img>-Element oder ein <image> innerhalb eines <svg>.
2. Videos: das Vorschaubild (Poster) eines <video>-Elements.
3. Hintergrundbilder: ein Element mit einem per CSS url() geladenen Hintergrundbild.
4. Textblöcke: Block-Elemente mit Text, etwa eine große Überschrift oder ein Absatz.

In der Praxis ist das LCP-Element auf den meisten Seiten das Hero-Bild oben oder die Hauptüberschrift. Welches Element es konkret ist, zeigen PageSpeed Insights und die Chrome DevTools direkt an. Erst wenn du das LCP-Element kennst, kannst du gezielt optimieren, denn jede Sekunde LCP verteilt sich auf genau dieses eine Element.

Das LCP-Element kann sich während des Ladens ändern. Erscheint zuerst die Überschrift und danach das größere Hero-Bild, wird das Bild zum finalen LCP-Element. Der Browser meldet den letzten Kandidaten, sobald der Nutzer mit der Seite interagiert oder das Laden abgeschlossen ist.

Wie verbessert man den LCP-Wert?

Einen schlechten LCP verbessert man, indem man das LCP-Element schneller ausliefert und rendert. Weil sich LCP aus 4 Teilzeiten zusammensetzt, greifen die wirksamsten Hebel an genau diesen Phasen an. Die 6 wichtigsten Maßnahmen:

1. Server-Antwortzeit (TTFB) senken: schnelles Hosting, serverseitiges Caching und ein Content Delivery Network (CDN) verkürzen die Zeit bis zum ersten Byte.
2. LCP-Bild nicht per Lazy Loading verzögern: das Hero-Bild niemals mit Lazy Loading laden, sonst startet der Download zu spät. Stattdessen früh laden.
3. LCP-Ressource vorladen: das entscheidende Bild per <link rel="preload"> und fetchpriority="high" priorisieren, damit der Browser es sofort anfordert.
4. Bilder komprimieren und modern ausliefern: moderne Bildformate im Web wie WebP oder AVIF sowie responsive Größen (srcset) reduzieren die Ladezeit deutlich.
5. Render-blockierende Ressourcen entfernen: kritisches CSS inline setzen, unkritisches JavaScript verzögern (defer/async), damit der Browser das LCP-Element früher zeichnen kann.
6. Webfonts entschärfen: Schriften selbst hosten, vorladen und mit font-display: swap ausliefern, damit Text-LCP nicht auf die Schrift wartet.

Die Reihenfolge ist bewusst gewählt: TTFB und Bild-Auslieferung bringen bei den meisten Websites den größten Sprung. Welche Maßnahme im Einzelfall am stärksten wirkt, zeigt die Teilzeit-Analyse aus Abbildung 1. Eine strukturierte Prüfung aller Hebel liefert ein technisches SEO-Audit, das die LCP-Schwachstellen pro Seite aufdeckt.

Wie hängt LCP mit den Core Web Vitals zusammen?

LCP ist eine von drei Core Web Vitals, mit denen Google die Nutzererfahrung einer Seite misst. Jede der drei Kennzahlen deckt einen anderen Aspekt ab:

• LCP (Largest Contentful Paint): misst die Ladewahrnehmung, also wie schnell der Hauptinhalt sichtbar wird.
• INP (Interaction to Next Paint): misst die Reaktionsfähigkeit, also wie schnell die Seite auf Klicks und Eingaben reagiert. INP hat im März 2024 die frühere Kennzahl First Input Delay (FID) abgelöst.
• CLS (Cumulative Layout Shift): misst die visuelle Stabilität, also wie stark Elemente beim Laden verrutschen.

Eine Seite besteht die Core Web Vitals nur, wenn alle drei Werte im grünen Bereich liegen. LCP löste 2020 die ältere Kennzahl First Meaningful Paint (FMP) ab, weil FMP zu ungenau und schwer messbar war. Seit dem Page-Experience-Update 2021 fließen die Core Web Vitals in das Google-Ranking ein. Alle drei zusammen bilden das Rückgrat der technischen Performance, die eine solide SEO-Betreuung laufend überwacht.

Häufige Fragen zu LCP

Ist LCP ein Rankingfaktor?
Ja, LCP ist als Teil der Core Web Vitals seit 2021 ein bestätigtes Ranking-Signal. Der Effekt ist moderat: LCP wirkt vor allem als Tiebreaker zwischen inhaltlich gleichwertigen Seiten, guter Content bleibt der stärkere Faktor.

Wo sehe ich meinen LCP-Wert?
Deinen LCP findest du in PageSpeed Insights, im Core-Web-Vitals-Bericht der Google Search Console und in den Chrome DevTools. Search Console und PageSpeed Insights zeigen echte Nutzerdaten, DevTools und Lighthouse liefern Labormessungen zum Debuggen.

Was ist der Unterschied zwischen LCP und Ladezeit?
LCP misst nur, wann das größte sichtbare Element erscheint, nicht wann die gesamte Seite fertig geladen ist. Eine Seite kann im Hintergrund noch nachladen, während der LCP längst erreicht und die Seite für den Nutzer bereits nutzbar ist.

Warum ändert sich mein LCP-Wert ständig?
LCP schwankt, weil er aus echten Besuchen mit unterschiedlichen Geräten, Verbindungen und Standorten stammt. Der CrUX-Bericht mittelt diese Werte über 28 Tage, weshalb Optimierungen erst nach einigen Wochen voll im 75. Perzentil sichtbar werden.