Largest Contentful Paint
Largest Contentful Paint, kurz LCP, misst die Zeit vom Aufruf einer Seite bis zum sichtbaren Erscheinen des größten Inhalts-Elements im Browser-Fenster – in der Regel eines Bildes, einer Überschrift oder eines größeren Textblocks im oberen Seitenbereich.
LCP ist eine von drei Core-Web-Vitals-Metriken neben Interaction to Next Paint (INP) und Cumulative Layout Shift (CLS) und seit dem Page-Experience-Update 2021 offizieller Ranking-Faktor in der organischen Suche.
In einfachen Worten
Die Metrik beantwortet eine einfache Frage: Wie lange dauert es, bis Besucherinnen und Besucher den eigentlichen Hauptinhalt einer Seite sehen? Gemessen wird nicht der Zeitpunkt, an dem die Seite technisch vollständig geladen ist, sondern der Moment, in dem das größte sichtbare Element fertig dargestellt wird – meist das Hero-Bild, eine prominente Überschrift oder ein größerer Textblock im sichtbaren Bereich. Maßgeblich für die Bewertung ist nicht der einzelne Idealwert im Labortest, sondern der Wert am 75. Perzentil der echten Nutzungsdaten: jener Wert also, den drei von vier realen Besuchern erleben oder unterschreiten.
Wozu brauche ich das?
LCP ist ein zentrales Optimierungs-Ziel für jede Website mit organischem Traffic. Schlechte Werte wirken auf zwei Ebenen gleichzeitig: Suchmaschinen platzieren die Seite in den Ergebnislisten weiter hinten, und Besucher springen ab, bevor der Inhalt überhaupt sichtbar ist. Die Absprungrate steigt nicht-linear mit der Wartezeit – jede zusätzliche Sekunde wirkt am Smartphone deutlich stärker als am Desktop. Eine LCP-Optimierung adressiert damit Auffindbarkeit und Verweildauer mit denselben Maßnahmen.
Beispiel aus der Praxis
Eine typische Ausgangslage: Ein regionaler Handwerksbetrieb veröffentlicht eine neue Website mit einem unkomprimierten Hero-Bild im JPEG-Format und mehreren Megabyte Dateigröße. Der LCP liegt am Smartphone bei über vier Sekunden und gilt damit nach den offiziellen Schwellenwerten als schlecht. Mit drei abgestimmten Maßnahmen wandert der Wert in den grünen Bereich: Das Bild wird im Zuge der Bildoptimierung in moderne Formate (WebP, AVIF) umgewandelt und in der jeweils passenden Auflösung ausgeliefert. Der Seitenkopf priorisiert das Bild explizit mit einem Preload-Hinweis und dem Attribut fetchpriority="high". Die Schriftarten werden mit font-display: swap eingebunden, damit sie das Rendering nicht blockieren. Im Ergebnis fällt der LCP unter zwei Sekunden, die Seite erscheint in der mobilen Suche zuverlässig auf der ersten Ergebnisseite zu den regional relevanten Suchbegriffen.
Wirtschaftlicher Nutzen
Der wirtschaftliche Effekt einer LCP-Optimierung zeigt sich in zwei Dimensionen: in der Sichtbarkeit innerhalb der Suchergebnisse und im Verhalten der Besucher auf der Seite. Bei Dienstleistern mit organischem Anfrage-Strom – etwa Kanzleien, Beratungs- oder Handwerksbetrieben – schlägt eine schnellere Seite unmittelbar in der Konvertierung von Besuchern zu Anfragen durch. Im E-Commerce wirkt der Effekt verstärkt, weil jede Sekunde Ladezeit direkt in Bestellabschlüsse einfließt. Die konkrete Größenordnung hängt vom Ausgangswert, der Branche und der Wettbewerbssituation ab; eine belastbare Prognose setzt eine Messung der Ist-Werte und einen Wettbewerbsvergleich voraus.
Typische Fehler
- Lazy Loading auf das Hero-Bild angewendet – damit verzögert sich das LCP-Element gezielt, statt es zu beschleunigen.
- Nur am Desktop gemessen – mobile Werte liegen meist deutlich schlechter, und die mobile Messung ist für das Ranking maßgeblich.
- Blockierende Webfonts: Das LCP-Element wartet auf die Schriftart, weil der Browser ohne sie nicht rendert.
- Optimierung gegen den Lab-Idealwert statt gegen das 75. Perzentil der Felddaten – das Ranking-relevante Signal kommt aus echten Nutzungsdaten.
- Hero-Bild als CSS-Hintergrundbild eingebunden – der Browser erkennt es spät und priorisiert die Auslieferung nicht.
Worauf achten?
- Das LCP-Element explizit priorisieren – mit fetchpriority="high" auf dem Bild und einem Preload-Hinweis im Seitenkopf.
- Bilder in modernen Formaten ausliefern – AVIF oder WebP in der passenden Auflösung statt unkomprimiertem JPEG.
- Server-Antwortzeit (TTFB) prüfen und durch Caching senken – TTFB ist im LCP-Wert enthalten.
- Webfonts mit font-display: swap einbinden, damit sie das Rendering nicht blockieren.
- Mit Felddaten messen, nicht nur mit Lab-Werten – die Suchmaschinen-Indexierungs-Übersicht liefert den ranking-relevanten Wert.
Häufig gestellte Fragen
Was ist ein guter LCP-Wert?
Suchmaschinen bewerten LCP-Werte unter 2,5 Sekunden als gut, zwischen 2,5 und 4 Sekunden als verbesserungswürdig und über 4 Sekunden als schlecht. Maßgeblich ist nicht der Bestwert im Labortest, sondern das 75. Perzentil der echten Nutzungsdaten – also der Wert, den drei von vier realen Besuchern erleben oder unterschreiten.
Wie wird LCP gemessen?
LCP wird auf zwei Wegen erhoben: im Labor mit den Entwickler-Werkzeugen moderner Browser und mit spezialisierten Performance-Analysetools, sowie im Feld über aggregierte echte Nutzungsdaten in den Suchmaschinen-Indexierungs-Übersichten. Für das Ranking ist der Feldwert maßgeblich; Lab-Werte dienen primär der Diagnose während der Optimierung.
Worin unterscheiden sich LCP und First Contentful Paint (FCP)?
FCP misst, wann der erste sichtbare Inhalt überhaupt erscheint – das können bereits wenige Pixel sein. LCP misst, wann das größte sichtbare Element fertig dargestellt ist und damit der eigentliche Hauptinhalt sichtbar wird. Beide Metriken ergänzen sich; LCP ist für die wahrgenommene Ladezeit aussagekräftiger und ranking-relevant.
Welche Maßnahmen verbessern LCP am schnellsten?
Drei Hebel wirken in der Regel zuerst: das LCP-Element (meist das Hero-Bild) auf moderne Formate umstellen und explizit priorisieren, blockierende Webfonts mit font-display: swap entschärfen, sowie die Server-Antwortzeit (TTFB) durch Caching und einen geografisch nahen Auslieferungs-Punkt senken.
Ist LCP ein Ranking-Faktor?
Ja. Mit dem Page-Experience-Update 2021 wurde LCP als einer von drei Core-Web-Vitals-Werten in das Ranking-Signal aufgenommen. Der Effekt ist kein Einzelhebel; bei gleicher inhaltlicher Relevanz kann der Wert jedoch über die Positionierung entscheiden – insbesondere im mobilen Index und in stark umkämpften Suchanfragen.