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“](https://developer.chrome.com/static/docs/lighthouse/performance/lighthouse-largest-contentful-paint/image/a-screenshot-the-lightho-d3c8bf09dcb23.png?authuser=6&hl=de)
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 Jahre | 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. |