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.
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.
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 PageSpeed Insights.
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.
Als Teil der Core Web Vitals ist der LCP zudem ein Ranking-Signal in der Google-Suche. 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 Serverantwortzeit: 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.
Drittens render-blockierende Ressourcen reduzieren: Nicht benötigtes CSS und JavaScript verzögern die Darstellung. 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.