LCP (Largest Contentful Paint)
Kurzdefinition
LCP ist die Core-Web-Vitals-Kennzahl, die misst, wie lange das größte Bild oder der größte Textblock einer Seite braucht, um sichtbar zu werden.
Der Browser bestimmt beim Laden der Seite, welches Element die größte Fläche einnimmt, meist ein Hauptbild, ein Banner oder eine Überschrift. LCP ist die Zeit, bis dieses Element vollständig auf dem Bildschirm dargestellt ist.
Sie erscheint in den Berichten von PageSpeed Insights und Search Console. Der offizielle Schwellenwert liegt bei 2,5 Sekunden: darunter gilt als gut, 2,5 bis 4 Sekunden als verbesserungswürdig, darüber als schlecht.
Sie wird oft mit First Contentful Paint (FCP) verwechselt. FCP ist der Moment, in dem irgendein Inhalt zuerst erscheint, während LCP der Moment ist, in dem das größte und meist tatsächlich erwartete Element erscheint.
Der häufigste Fehler ist, das über dem Bildschirmrand sichtbare Hero-Bild wie alle anderen Bilder per Lazy Loading zu laden, wodurch der Browser es erst spät entdeckt und der LCP-Wert steigt. Richtig ist, nur weiter unten liegende Bilder per Lazy Loading zu laden; das sichtbare Hero-Bild markieren Sie stattdessen so, dass der Browser es sofort und mit hoher Priorität lädt.
Warum es wichtig ist
Ein Besucher, der auf ein spät ladendes Hauptbild oder eine Überschrift wartet, nimmt an, die Seite biete ihm nichts, und verlässt sie. Ein kürzerer LCP verringert diesen Verlust und verschafft zugleich einen Vorteil im Suchranking.
Beispielszenario
Das unkomprimierte Hero-Foto auf der Startseite eines Arbeitskleidungsherstellers trieb den LCP auf fünf Sekunden; nach dem Wechsel des Bildformats sank er auf 1,8 Sekunden.
