Largest Contentful Paint (LCP)

Was ist Largest Contentful Paint (LCP)?

Largest Contentful Paint (LCP) misst, wie lange der größte sichtbare Inhalt einer Webseite zum Laden benötigt. Als guter Wert gelten höchstens 2,5 Sekunden. Zwischen 2,5 und 4 Sekunden besteht Verbesserungsbedarf, bei mehr als 4 Sekunden bewertet Google die Ladeleistung als langsam.

Largest Contentful Paint (LCP) gehört zu den Core Web Vitals und beschreibt, wann der größte Inhalt im sichtbaren Seitenbereich vollständig dargestellt ist. Die deutsche Entsprechung lautet sinngemäß: Darstellung des größten sichtbaren Inhalts.

Was misst Largest Contentful Paint?

Largest Contentful Paint misst die Zeit vom Beginn des Seitenaufrufs bis zur Darstellung des größten geeigneten Elements innerhalb des sichtbaren Browserfensters. Der Wert bezieht sich damit auf den wahrgenommenen Hauptinhalt und nicht auf den Zeitpunkt, an dem sämtliche Skripte, Bilder oder Tracking-Dienste geladen sind.

Als LCP-Element kommen vor allem große Bilder, Vorschaubilder von Videos, CSS-Hintergrundbilder und größere Textblöcke infrage. Das ermittelte Element kann sich während des Ladens ändern. Erscheint nach einem Textblock ein größeres Titelbild, wird dieses Bild zum neuen Kandidaten für den Largest Contentful Paint.

Der LCP hängt vom sichtbaren Bereich ab. Ein großes Bild weiter unten auf der Seite zählt erst nach dem Scrollen und beeinflusst den ursprünglichen Messwert daher nicht. Auf Mobilgeräten kann ein anderes Element maßgeblich sein als auf dem Desktop, weil sich Layout, Bildgrößen und sichtbarer Ausschnitt unterscheiden.

LCP-Grenzwerte 2026

Google bewertet den Largest Contentful Paint anhand festgelegter Zeitbereiche. Für die Core-Web-Vitals-Bewertung zählt das 75. Perzentil der gemessenen Seitenaufrufe. Ein guter Wert bedeutet deshalb, dass mindestens 75 Prozent der erfassten Aufrufe den Grenzwert von 2,5 Sekunden einhalten.

LCP-WertBewertungHandlungsbedarf
Bis 2,5 SekundenGutWert beobachten und bei Änderungen erneut prüfen
Über 2,5 bis 4 SekundenVerbesserungswürdigLCP-Element und Ladekette analysieren
Über 4 SekundenLangsamTechnische Ursachen priorisiert beheben
Ein LCP von 2,8 Sekunden bedeutet nicht, dass die gesamte Seite nach 2,8 Sekunden fertig geladen ist. Der Wert sagt ausschließlich aus, dass das größte sichtbare Inhaltselement zu diesem Zeitpunkt dargestellt wurde. Nachgeladene Widgets, Tracking-Skripte oder Inhalte außerhalb des sichtbaren Bereichs können weiterhin aktiv sein.

Wie entsteht der LCP-Wert?

Der Largest Contentful Paint lässt sich in vier technische Zeitanteile zerlegen. Diese Aufteilung zeigt, ob der Engpass beim Server, beim Finden der Ressource, bei der Übertragung oder beim Rendern im Browser entsteht.

  • Server-Antwortzeit: Die Time to First Byte beschreibt, wie lange der Browser auf die ersten Daten des Servers wartet.
  • Ressourcenladeverzögerung: Der Browser muss das LCP-Element im HTML oder CSS zunächst finden, bevor er die zugehörige Datei anfordern kann.
  • Ressourcenladedauer: Dateigröße, Netzwerkverbindung und Serverleistung bestimmen, wie lange die Übertragung des Bildes oder einer anderen Ressource dauert.
  • Darstellungsverzögerung: CSS, JavaScript, Schriftarten und Arbeiten im Hauptthread können verhindern, dass der Browser ein bereits geladenes Element direkt zeichnet.

Ein großes Bild ist deshalb nicht automatisch die Hauptursache eines schlechten Largest Contentful Paint. Liegt das Bild bereits nach einer Sekunde vollständig vor, erscheint aber erst nach der Ausführung umfangreicher Skripte bei Sekunde vier, entsteht der größere Zeitverlust durch die Darstellungsverzögerung. Prüfe deshalb die gesamte Ladekette statt ausschließlich die Dateigröße.

PageSpeed und echte Nutzerdaten

Bei einer Labormessung wird die Seite unter festgelegten Bedingungen aufgerufen. Das Ergebnis eignet sich zur Fehlersuche, bildet aber nur einen einzelnen Test mit einer bestimmten Verbindung, Hardware und Browserkonfiguration ab. Felddaten stammen dagegen aus realen Seitenaufrufen und berücksichtigen unterschiedliche Geräte, Netzwerke und Nutzungssituationen.

Ein guter Labortest und ein schwacher Feldwert können gleichzeitig auftreten. Das passiert beispielsweise, wenn der Testserver räumlich nah am Hosting liegt, während viele echte Nutzer über langsamere Mobilfunkverbindungen zugreifen. Für die Core-Web-Vitals-Bewertung sind reale Nutzerdaten maßgeblich. Labordaten helfen anschließend dabei, die technische Ursache zu finden.

Messbar ist das zum Beispiel so: Prüfe eine URL zunächst mit dem kostenlosen Ladezeiten-Check für Mobilgeräte und Desktop. Für eine laufende Kontrolle kann der Technik-Crawler der Performance Suite Ladezeiten und Core Web Vitals überwachen, Entwicklungen in einer Historie abbilden und bei Auffälligkeiten informieren. Die Performance Suite führt Ladezeitenprüfungen mehrfach täglich durch und stellt Desktop- und Mobilwerte im Dashboard gegenüber.

Prüfe deine aktuelle Ladeleistung direkt im Artikel:

Mit Nutzung dieses PageSpeed-Checks erklären Sie, dass Sie die Datenschutzerklärung zur Kenntnis genommen haben und damit einverstanden sind, dass die von Ihnen angegebenen Daten elektronisch erhoben und gespeichert werden. Ihre Daten werden dabei nur streng zweckgebunden zur Bearbeitung des PageSpeed-Checks benutzt. Mit der Nutzung dieses PageSpeed-Checks erklären Sie sich mit der Verarbeitung einverstanden.

Largest Contentful Paint optimieren

Die richtige Optimierung richtet sich nach dem konkreten LCP-Element. Auf vielen Startseiten und Landingpages handelt es sich um ein Hero-Bild, auf redaktionellen Seiten kann dagegen eine große Überschrift oder ein längerer Textblock den Messwert bestimmen.

LCP-Bilder schneller bereitstellen

Ein LCP-Bild sollte bereits im ursprünglichen HTML auffindbar sein. Wird die Bildadresse erst durch JavaScript oder spät geladenes CSS erzeugt, beginnt der Download verzögert. Eine hohe Ladepriorität, eine passende Bildgröße und moderne Formate wie WebP oder AVIF verkürzen den Weg bis zur Darstellung.

  • Stelle das Bild in der tatsächlich benötigten Auflösung bereit.
  • Komprimiere die Datei ohne sichtbar störenden Qualitätsverlust.
  • Nutze responsive Bildvarianten für unterschiedliche Bildschirmgrößen.
  • Priorisiere das LCP-Bild mit fetchpriority="high", wenn der Browser die Datei sonst zu spät anfordert.
  • Liefere das Bild möglichst über das ursprüngliche HTML statt über nachträglich ausgeführtes JavaScript aus.

Server und Browser entlasten

Eine hohe Server-Antwortzeit verzögert sämtliche nachfolgenden Schritte. Caching, eine optimierte Datenbank, ausreichend dimensioniertes Hosting und ein Content Delivery Network können die Bereitstellung beschleunigen. Ein Content Delivery Network verteilt statische Dateien über mehrere Standorte und verkürzt dadurch den Übertragungsweg zum Nutzer.

Render-blockierende Ressourcen halten die Darstellung auf, obwohl der Hauptinhalt bereits angefordert wurde. Kritisches CSS sollte früh verfügbar sein, während nicht benötigte Stylesheets und Skripte später geladen werden können. Umfangreiche JavaScript-Aufgaben sollten aufgeteilt oder reduziert werden, damit der Browser das LCP-Element rechtzeitig zeichnen kann.

Aktiviere Lazy Loading nicht für das sichtbare LCP-Bild. Verzögertes Laden ist für Bilder außerhalb des ersten Bildschirmausschnitts sinnvoll, kann das wichtigste Titelbild jedoch unnötig zurückstellen. Kontrolliere nach jeder Änderung, welches Element der Browser tatsächlich als LCP-Kandidat erkennt.

LCP, FCP, CLS und INP

Der Unterschied zwischen Largest Contentful Paint und First Contentful Paint liegt im gemessenen Inhalt. First Contentful Paint erfasst den Zeitpunkt, an dem erstmals Text, ein Bild oder ein anderes Inhaltselement erscheint. Largest Contentful Paint wartet auf das größte sichtbare Element und liegt deshalb meist später.

Cumulative Layout Shift (CLS) misst die visuelle Stabilität einer Seite. Ein guter LCP sagt nicht aus, ob Elemente während des Ladens ihre Position verändern. Eine Seite kann den Hauptinhalt schnell anzeigen und trotzdem einen schlechten CLS erreichen, wenn ein nachgeladenes Banner den Text verschiebt.

Interaction to Next Paint (INP) bewertet die Reaktionsgeschwindigkeit nach einer Nutzereingabe. Der Largest Contentful Paint betrifft dagegen die anfängliche Darstellung des Hauptinhalts. Eine Seite kann schnell laden und anschließend träge reagieren, wenn umfangreiche JavaScript-Prozesse Klicks oder Eingaben verzögern.

Relevanz für SEO, SEA und GEO

Die Core Web Vitals sind Signale für die Seitenerfahrung in der Google-Suche. Ein guter Largest Contentful Paint ersetzt weder relevante Inhalte noch interne Verlinkung oder Autorität. Bei ähnlich geeigneten Seiten kann eine bessere technische Nutzererfahrung jedoch einen zusätzlichen Vorteil liefern. Eine technische Einordnung weiterer Faktoren findest du in den SEO-Tipps für Ladezeiten und Website-Technik.

Im SEA ist der Largest Contentful Paint kein eigenständiger Gebotswert. Eine schnell sichtbare Landingpage erleichtert Nutzern jedoch den Einstieg nach dem Anzeigenklick. Langsame Zielseiten können dazu führen, dass bezahlte Besucher abspringen, bevor Angebot, Formular oder Call-to-Action sichtbar sind. Regelmäßige Technik-Checks für Google-Ads-Zielseiten verbinden die Ladeleistung deshalb mit Conversion- und Kampagnendaten.

Für GEO, also Generative Engine Optimization, ist der Largest Contentful Paint kein bekannter direkter Auswahlfaktor für KI-Antworten. Eine technisch zugängliche Website unterstützt jedoch Crawling, mobile Nutzung und die zuverlässige Bereitstellung von Inhalten. Strukturiere die Optimierung deshalb zuerst nach messbaren Ursachen und leite keine direkte KI-Sichtbarkeit aus einem einzelnen PageSpeed-Wert ab.

Häufige Fragen zum LCP

Welches Element zählt für den Largest Contentful Paint?

Für den Largest Contentful Paint zählt das größte geeignete Element im sichtbaren Browserbereich. Das kann ein Bild, ein Video-Vorschaubild, ein CSS-Hintergrundbild oder ein größerer Textblock sein. Der Browser kann den Kandidaten während des Seitenaufbaus wechseln.

Warum ist der LCP auf Mobilgeräten schlechter?

Mobilgeräte nutzen häufig langsamere Verbindungen, kleinere Prozessoren und ein anderes Layout. Dadurch können Bildübertragung, JavaScript-Ausführung und Darstellung länger dauern. Prüfe mobile und Desktop-Werte deshalb getrennt.

Kann Text das LCP-Element sein?

Ja, ein großer Textblock oder eine Überschrift kann als LCP-Element gewertet werden. Verzögert eine Webschrift die Textdarstellung, kann der LCP steigen, obwohl kein großes Bild vorhanden ist.

Verbessert ein kleineres Bild automatisch den LCP?

Ein kleineres Bild verkürzt häufig die Übertragung, behebt aber nicht jede Ursache. Wird die Ressource spät entdeckt oder durch CSS und JavaScript an der Darstellung gehindert, bleibt der LCP trotz kleiner Datei langsam.

Ist ein guter PageSpeed-Score gleichbedeutend mit einem guten LCP?

Nein, der PageSpeed-Score fasst mehrere Prüfwerte zu einer Gesamtbewertung zusammen. Der Largest Contentful Paint ist nur eine einzelne Metrik. Prüfe deshalb immer den konkreten LCP-Wert und das dazugehörige Element.

Wie oft sollte man den Largest Contentful Paint prüfen?

Prüfe den Largest Contentful Paint nach Änderungen an Layout, Bildern, Skripten, Tracking oder Hosting. Für wichtige Landingpages ist ein laufendes Monitoring sinnvoll, weil externe Dienste und technische Updates den Wert jederzeit verändern können.

Wenn du Ladezeitprobleme nach Ursachen priorisieren und mit SEO-, SEA- und Conversion-Daten verbinden möchtest, kannst du deine Domain unverbindlich prüfen lassen.

Kostenlosen Potenzialcheck anfragen


Sie haben noch Fragen?

Kontaktieren Sie uns

Free Account erstellen


Weitere Inhalte