Largest Contentful Paint (LCP)
Zeit bis das größte sichtbare Element einer Webseite geladen ist. Ziel: unter 2,5 Sekunden. Wichtigster Performance-Messwert.
Largest Contentful Paint, abgekürzt LCP, ist einer der drei Core Web Vitals und misst wann das größte sichtbare Element der Seite geladen ist.
Was zählt als LCP-Element
Google identifiziert das größte sichtbare Element im Viewport beim ersten Render. Das ist typischerweise ein Hero-Bild, ein Hintergrund-Video-Poster oder ein großer Textblock wie eine Überschrift mit darunter liegendem Absatz. Welches Element auf Ihrer Seite das LCP ist, sehen Sie in den Chrome DevTools im Performance-Tab unter Web Vitals.
Schwellenwerte
Google bewertet drei Bereiche. Gut bedeutet LCP unter 2,5 Sekunden. Verbesserungswürdig liegt zwischen 2,5 und 4 Sekunden. Schlecht ist alles über 4 Sekunden. Maßgeblich ist der 75. Perzentil der echten Nutzer-Messwerte aus CrUX. Heißt: bei 75 Prozent aller realen Besuche muss der Wert eingehalten werden, nicht im Durchschnitt.
Die häufigsten Bremsen
Erstens, große unkomprimierte Bilder. Eine 4 MB JPEG-Datei im Hero ist immer noch häufig. Zweitens, Render-blockierendes CSS oder JavaScript im Head, das den Browser daran hindert das LCP-Element zu zeichnen. Drittens, langsame Server-Antwortzeit (TTFB). Wenn der Server selbst 800 ms braucht, bleibt für alles andere kaum noch Zeit.
Wie wir LCP konkret optimieren
Hero-Bild in WebP oder AVIF, ausgeschnitten auf die exakte Anzeigegröße, mit srcset für verschiedene Auflösungen. Das LCP-Element bekommt fetchpriority="high" und niemals loading="lazy". Kritisches CSS wird inline im Head ausgeliefert. Fonts werden mit font-display: swap geladen, damit Text sofort sichtbar ist. Server-Antwortzeit halten wir mit Cloudflare-Edge-Caching unter 100 ms.
Verbundene Begriffe
Core Web Vitals · Lighthouse · INP · CLS
Webseite konkret verbessern?
Wir analysieren Ihre Seite und sagen Ihnen ehrlich was sich lohnt zu fixen. Erstgespräch kostenfrei.
Kostenloses Erstgespräch