Largest Contentful Paint (LCP) ist eine Kennzahl aus Googles Core Web Vitals und misst, wie lange es dauert, bis das größte sichtbare Inhaltselement einer Seite geladen und dargestellt ist — typischerweise ein Hero-Bild, ein Video-Standbild oder eine große Überschrift. Der LCP beschreibt damit, wann eine Seite für Besucher „da“ wirkt. Als gut gilt ein Wert bis 2,5 Sekunden.
Was ist Largest Contentful Paint?
Largest Contentful Paint (LCP) ist eine Kennzahl aus Googles Core Web Vitals und misst, wie lange es dauert, bis das größte sichtbare Inhaltselement einer Seite geladen und dargestellt ist — typischerweise ein Hero-Bild, ein Video-Standbild oder eine große Überschrift. Der LCP beschreibt damit, wann eine Seite für Besucher „da“ wirkt. Als gut gilt ein Wert bis 2,5 Sekunden. Die maßgebliche Definition liefert der web.dev-Artikel zum LCP.
Der LCP ist eine von mehreren nutzerzentrierten Metriken, mit denen Google die Ladeerfahrung bewertet. Neben ihm stehen Cumulative Layout Shift für die visuelle Stabilität und Interaction to Next Paint für die Reaktionsschnelligkeit. Gemeinsam bilden sie die Core Web Vitals, die im Überblick der web.dev-Dokumentation zu Web Vitals beschrieben sind.
Frühere Ladekennzahlen wie der reine Zeitpunkt, zu dem der Server das erste Byte lieferte, sagten wenig darüber aus, wann ein Nutzer die Seite tatsächlich als geladen empfand. Der LCP schließt diese Lücke, weil er sich am wahrnehmbaren Hauptinhalt orientiert. Damit ist er näher an der echten Nutzererfahrung als die technischen Vorgängermetriken und eignet sich besser als Optimierungsziel.
Wie wird der Largest Contentful Paint gemessen?
Der Browser beobachtet während des Ladens, welches das jeweils größte sichtbare Element im Viewport ist — infrage kommen vor allem Bilder, Videos mit Vorschaubild und Textblöcke. Der LCP-Zeitpunkt ist erreicht, wenn dieses größte Element fertig gerendert ist. Gemessen wird ab dem Start der Navigation, also ab dem Moment, in dem der Nutzer die Seite aufruft. Die technische Definition der Messung beschreibt die MDN-Referenz zu LargestContentfulPaint.
Google bewertet den LCP anhand realer Nutzerdaten aus dem Chrome User Experience Report und zieht dafür das 75. Perzentil heran: Der gute Wert von maximal 2,5 Sekunden muss für mindestens drei Viertel der Seitenaufrufe erreicht werden. Werte über 4 Sekunden gelten als schlecht. Einsehbar sind die Daten in der Google Search Console und in Werkzeugen wie PageSpeed Insights, die den PageSpeed einer Seite auswerten.
Das 75. Perzentil ist bewusst gewählt: Es sorgt dafür, dass nicht nur die schnellsten Aufrufe zählen, sondern die Erfahrung der breiten Mehrheit der Nutzer. Ein einzelner schneller Test auf einem leistungsstarken Gerät kann also täuschen, wenn viele reale Besucher mit langsameren Geräten oder Verbindungen unterwegs sind. Für die Bewertung sind deshalb die Felddaten entscheidend, nicht ein günstiger Einzelwert im Labor.
Warum ist der LCP wichtig?
Der LCP misst den Moment, in dem Besucher das Gefühl haben, dass die Seite nutzbar ist. Dauert das zu lange, springen Nutzer ab, bevor sie den Inhalt überhaupt gesehen haben — besonders mobil und bei schwacher Verbindung. Für Websites, die Anfragen oder Verkäufe generieren sollen, kostet ein langsamer LCP damit direkt Conversions; ein schneller Seitenaufbau verbessert das Nutzererlebnis über die gesamte User Experience.
Als Teil der Core Web Vitals ist der LCP zudem ein Ranking-Faktor in der Google-Suche und damit relevant für das technische SEO. Er ist in der Praxis die Kennzahl, bei der Websites am häufigsten Probleme haben, weil er von vielen Faktoren gleichzeitig abhängt: Serverleistung, Bildgrößen, Render-Reihenfolge und eingebundene Skripte.
LCP in der Praxis verbessern
Die wirksamsten Hebel setzen an vier Punkten an. Erstens die Server-Antwortzeit: schnelles Hosting, Caching und gegebenenfalls ein CDN verkürzen die Zeit bis zum ersten Byte. Zweitens das LCP-Element selbst: Hero-Bilder komprimieren, in modernen Formaten wie WebP oder AVIF ausliefern, in passender Größe bereitstellen und mit hoher Priorität laden — das LCP-Bild darf ausdrücklich nicht per Lazy Loading verzögert werden. Praktische Anleitungen gibt der web.dev-Leitfaden zur LCP-Optimierung.
Drittens render-blockierende Ressourcen reduzieren: Nicht benötigtes CSS und JavaScript verzögern die Darstellung, weshalb sich Minifizierung und das Aufschieben unkritischer Skripte lohnen. Viertens Webfonts optimieren, damit große Überschriften nicht auf das Laden der Schrift warten. Bei WordPress-Websites lohnt zusätzlich der Blick auf Theme und Plugins — überladene Pagebuilder sind eine häufige LCP-Bremse.
LCP im Zusammenspiel mit den anderen Web Vitals
Der LCP steht nicht allein, sondern wird gemeinsam mit CLS und INP bewertet. Eine Seite kann schnell den Hauptinhalt zeigen und trotzdem schlecht abschneiden, wenn Inhalte nachträglich verspringen oder auf Eingaben träge reagiert. Deshalb lohnt es sich, die Kennzahlen zusammen zu betrachten und nicht isoliert an einer Metrik zu schrauben. Die Gesamtleistung fällt in den Bereich der Web Performance Optimization.
Wichtig ist außerdem der Unterschied zwischen Labordaten aus einem einzelnen Test und Felddaten aus echtem Nutzerverkehr. Google bewertet für das Ranking die Felddaten, weil sie die tatsächliche Erfahrung abbilden. Ein einmaliger Labortest kann gut aussehen, während reale Nutzer auf langsameren Geräten oder Verbindungen einen schlechteren LCP erleben — die Optimierung sollte sich deshalb an den realen Werten aus der Search Console orientieren, die auch für mobile-first ausgerichtete Seiten gilt.
LCP diagnostizieren und dauerhaft sichern
Zur Diagnose eignen sich die Entwicklertools des Browsers und PageSpeed Insights, die das konkrete LCP-Element und seine Ladephasen anzeigen. Oft lässt sich der Wert in vier Phasen zerlegen: die Zeit bis zum ersten Byte, die Verzögerung bis zum Laden der Ressource, deren Ladezeit und die Zeit bis zum Rendern. Diese Aufschlüsselung zeigt, wo genau der Flaschenhals sitzt, statt blind an mehreren Stellen zu optimieren.
Damit ein einmal erreichter guter LCP dauerhaft hält, gehört die Kennzahl in die laufende Webseiten-Wartung. Neue Bilder, zusätzliche Skripte von Marketing-Tools oder ein Theme-Update können den Wert unbemerkt verschlechtern. Ein regelmäßiger Blick in die Search Console und ein bewusster Umgang mit jedem neuen Drittskript sorgen dafür, dass die Seite schnell bleibt — im Sinne der Nutzer und des Rankings zugleich.
LCP im Kontext von Technik und Design
Der LCP ist nicht nur ein technisches, sondern auch ein gestalterisches Thema. Eine überladene Hero-Section mit riesigem Hintergrundbild, mehreren Schriften und Animationen ist naturgemäß schwerer schnell darzustellen als ein klar strukturierter Seitenkopf. Gutes Webdesign und ein guter LCP schließen sich nicht aus — im Gegenteil: Eine fokussierte Gestaltung, die den wichtigsten Inhalt zuerst zeigt, kommt sowohl der Ladezeit als auch der Nutzerführung zugute.
Auch die Wahl der technischen Grundlage wirkt sich aus. Moderne Ansätze wie Static Site Generation oder serverseitiges Rendern liefern den Hauptinhalt oft schneller aus als rein clientseitig aufgebaute Seiten, bei denen der Browser erst umfangreiches JavaScript ausführen muss. Wer eine neue Website plant, sollte den LCP deshalb von Anfang an mitdenken, statt ihn nachträglich in einem langsamen Aufbau reparieren zu müssen — vorbeugende Architektur ist wirksamer als spätere Notfalloptimierung. Ein schneller Largest Contentful Paint ist damit kein isoliertes Optimierungsziel, sondern das Ergebnis vieler guter Entscheidungen — von der Wahl des Hostings über die Bildstrategie bis zur Zurückhaltung bei überflüssigen Skripten. Wer diese Kette im Blick behält, bekommt eine Seite, die für Nutzer und Suchmaschinen gleichermaßen überzeugt.