Largest Contentful Paint, kurz LCP, ist ein Performance-Messwert für die Ladegeschwindigkeit einer Webseite. Er misst, wann das größte relevante Bild- oder Textelement im sichtbaren Bereich dargestellt wurde.
Was misst Largest Contentful Paint?
Während eine Webseite lädt, erscheinen nach und nach verschiedene Elemente. LCP konzentriert sich auf das größte relevante Element, das innerhalb des sichtbaren Browserbereichs vorhanden ist.
Dazu können unter anderem Bilder, Vorschaubilder von Videos, Hintergrundbilder und größere Textblöcke gehören. Gemessen wird die Zeit ab dem Beginn des Seitenaufrufs.
Auf vielen Websites entspricht das LCP-Element beispielsweise einem großen Titelbild oder der wichtigsten Textüberschrift im oberen Seitenbereich.
Welcher LCP-Wert ist gut?
Google empfiehlt, dass der Largest Contentful Paint innerhalb von 2,5 Sekunden stattfindet. Für die Bewertung realer Seitenaufrufe wird das 75. Perzentil herangezogen.
Dadurch sollen nicht nur besonders schnelle Einzeltests berücksichtigt werden. Langsame Geräte und Verbindungen echter Nutzerinnen und Nutzer fließen ebenfalls in die Beurteilung ein.
Unterschied zwischen LCP und FCP
Der First Contentful Paint misst den ersten sichtbaren Inhalt. Bereits ein kleiner Text oder ein kleines Bild kann den FCP auslösen.
LCP betrachtet dagegen das größte relevante Inhaltselement im sichtbaren Bereich. Deshalb liegt der LCP normalerweise später als der FCP und beschreibt besser, wann der zentrale Inhalt einer Seite sichtbar geworden ist.
Warum kann LCP langsam sein?
Ein häufiger Grund ist ein großes Titelbild, das zu spät entdeckt oder heruntergeladen wird. Auch langsame Serverantworten, render-blockierendes CSS oder umfangreiches JavaScript können die Darstellung verzögern.
Wird das LCP-Bild unnötig per Lazy Loading zurückgestellt, kann das den Wert ebenfalls verschlechtern. Wichtige Inhalte im sichtbaren Bereich sollten daher früh priorisiert werden.
Wie lässt sich LCP verbessern?
Zuerst solltest Du feststellen, welches Element tatsächlich als LCP gemessen wird. Handelt es sich um ein Bild, helfen oft passende Bildabmessungen, effiziente Komprimierung und ein modernes Dateiformat.
Zusätzlich lohnt sich die Prüfung der Serverantwortzeit und render-blockierender Ressourcen. Kritisches CSS sollte früh verfügbar sein, während nicht unmittelbar benötigter Code später geladen werden kann.
LCP und SEO
LCP gehört gemeinsam mit INP und CLS zu den Core Web Vitals. Google empfiehlt einen guten LCP sowohl für die Nutzerfreundlichkeit als auch für eine erfolgreiche Website in der Suche.
Der Messwert ist trotzdem nur ein Teil des Gesamtbilds. Inhaltliche Relevanz, Crawlbarkeit und viele weitere Faktoren bleiben entscheidend.
Häufige Fragen
Was ist Largest Contentful Paint?
Largest Contentful Paint misst, wie lange es dauert, bis das größte relevante Inhaltselement im sichtbaren Bereich einer Webseite dargestellt wird.
Welcher LCP-Wert ist gut?
Google empfiehlt einen Largest Contentful Paint von höchstens 2,5 Sekunden für eine gute Nutzererfahrung.
Was verursacht einen schlechten LCP?
Häufige Ursachen sind langsame Server, große oder spät geladene Bilder, render-blockierende Ressourcen und zu viel JavaScript.
