Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) ist die Metrik, mit der Sie die Ladezeit des größten visuellen Elements einer Website messen können.

Um den LCP einer Seite sofort zu messen, nutzen Sie den kostenlosen Core Web Vitals Checker.

Als einer der bedeutendsten Parameter der Core Web Vitals misst Largest Contentful Paint (LCP) die wahrgenommene Ladegeschwindigkeit bzw. wie schnell der Hauptinhalt einer Webseite geladen wird und für Benutzer sichtbar ist.

Was ist Largest Contentful Paint (LCP)?

Die Metrik Largest Contentful Paint (LCP) gibt die Renderzeit des größten Bildes oder Textblocks an, der innerhalb des Viewports sichtbar ist, relativ zum Zeitpunkt, an dem die Seite erstmals zu laden begann.

Google betrachtet einen LCP von 2,5 Sekunden oder weniger als gut, gemessen am 75. Perzentil der Seitenaufrufe. Siehe die Core-Web-Vitals-Schwellenwerte.

Berücksichtigte Inhaltstypen:

Bilder, einschließlich Bilder innerhalb von SVG.
Video-Thumbnails (Poster-Bilder).
Hintergrundbilder mit CSS.
Textelemente wie Absätze, Überschriften und Listen.

Wie kann man den Largest Contentful Paint (LCP) verbessern?

Largest Contentful Paint (LCP) wird hauptsächlich von vier Faktoren beeinflusst:

Langsame Server-Antwortzeiten
Render-blockierendes JavaScript und CSS
Ressourcen-Ladezeiten
Clientseitiges Rendering

Sehen, was den LCP im Ergebnis verzögert hat

Der Bereich Performance-Diagnose eines Page-Speed-Ergebnisses zeigt das Largest-Contentful-Paint-Element dieses Laufs, und die LCP-Aufschlüsselung teilt seine Zeit in vier Phasen:

Time to First Byte: die Antwort des Servers
Verzögerung bis zum Laden der Ressource: die Wartezeit, bevor das LCP-Bild zu laden beginnt
Ladezeit der Ressource: der Download selbst
Verzögerung beim Rendern des Elements: die Zeit zwischen dem Ende des Downloads und dem Erscheinen des Elements

Die längste Phase ist der beste Ansatzpunkt. Eine lange Verzögerung vor dem Laden bedeutet zum Beispiel oft, dass das Bild spät entdeckt wird; ein Vorladen können Sie mit einem Page-Speed-Experiment testen, bevor Sie es veröffentlichen. Derselbe Bereich zeigt auch Verschobene Elemente und CPU-Zeit pro Skript.

Um benachrichtigt zu werden, wenn sich der LCP verschlechtert, erstellen Sie einen Alert für Largest Contentful Paint.

Jedes Panel eines Ergebnisses, auch die LCP-Aufschlüsselung, erklärt Ein Page-Speed-Ergebnis lesen.