Largest Contentful Paint
Der Largest Contentful Paint (Abk. LCP) misst sie die Ladezeit einer Website. Dabei wird jedoch nicht ausschließlich nur die Gesamtladezeit betrachtet sondern der LCP unterscheidet zwischen mehreren Phasen.
Folgende Phasen wurden bisher bereits unterschieden:
- Time to First Byte ist wenn der erste Byte vom Server an den Client zurückgeschickt wird.
- DOM Content Loaded bedeutet wann der komplette Quelltext geladen wurde.
- First Contentful Paint bedeutet, wann die Website das erste Mal ein wenig Content zeigt.
- First Meaningful Paint ist es dann, wenn die Website das erste Mal ein wenig Content zeigt, der auch tatsächlich etwas anderes als das Logo ist und etwas zu bedeuten hat.
Der Largest Contentful Paint hingegen zeigt an, wann der größte Contentblock geladen wurde – der in der Regel ja dann auch der wichtigste Inhalt ist und damit das, was laut den Google Quality Rater Guidelines (PDF) der wichtigste Teil einer Website ist. Der LCP sollte innerhalb von maximal 2,5 Sekunden geladen werden.
In der Dokumentation, ist die Berechnung des LCP sehr genau und ausführlich beschrieben. Vereinfacht gesagt handelt es sich dabei um den größten sichtbaren Bereich innerhalb des Viewports, also dem Bildschirmausschnitt, der auf einem Mobiltelefon ohne Scrollen sichtbar ist.
Google gibt in diesem Blogpost viele Tipps, wie Ihr Euren LCP-Wert verbessert.