Largest Contentful Paint

Largest Contentful Paint (LCP) ist einer der Messwerte, die im Abschnitt Leistung des Lighthouse-Berichts erfasst werden. Mit jedem Messwert wird ein bestimmter Aspekt der Ladegeschwindigkeit der Seite erfasst.

Lighthouse zeigt den LCP in Sekunden an:

Screenshot der Lighthouse-Prüfung „Largest Contentful Paint“

Was der LCP misst

Der LCP misst, wann das größte Inhaltselement im Darstellungsbereich auf dem Bildschirm gerendert wird. Dieser Wert gibt ungefähr an, wann der Hauptinhalt der Seite für Nutzer sichtbar ist. Weitere Informationen zum Ermitteln des LCP finden Sie unter Largest Contentful Paint definiert.

So ermittelt Lighthouse den LCP-Wert

Lighthouse extrahiert LCP-Daten aus dem Tracing-Tool von Chrome.

In der folgenden Tabelle sehen Sie, wie der LCP-Wert zu interpretieren ist:

LCP-Zeit
(in Sekunden)
Farbcodierung
0-2.5 Grün (schnell)
2.5-4 Orange (mittel)
Über 4 Rot (langsam)

So kannst du deinen LCP-Wert verbessern

Wenn der LCP ein Bild ist, kann das Timing in vier Phasen unterteilt werden. Wenn Sie wissen, welche Phasen am längsten dauern, können Sie Ihren LCP optimieren. Lighthouse zeigt das LCP-Element zusammen mit der Phasenaufschlüsselung in der Diagnose „Largest Contentful Paint-Element“ an.

LCP-Phase Beschreibung
Zeit bis zum ersten Byte (TTFB) Der Zeitraum, ab dem der Nutzer den Ladevorgang der Seite initiiert, bis zu dem Zeitpunkt, zu dem der Browser das erste Byte der HTML-Dokumentantwort empfängt. Weitere Informationen zur TTFB
Ladeverzögerung Die Abweichung zwischen TTFB und dem Zeitpunkt, zu dem der Browser mit dem Laden der LCP-Ressource beginnt.
Ladezeit Die Zeit, die zum Laden der LCP-Ressource selbst benötigt wird.
Rendering-Verzögerung Die Abweichung zwischen dem Abschluss des Ladevorgangs der LCP-Ressource und der vollständigen Wiedergabe des LCP-Elements.

Ressourcen