Largest Contentful Paint (LCP): Ladezeit optimieren
Largest Contentful Paint (LCP) misst die Zeit bis der groesste sichtbare Content-Block im Viewport vollstaendig gerendert ist. Der Schwellenwert fuer gute Performance liegt bei unter 2,5 Sekunden.
Auf einen Blick
- ✓LCP Ziel: unter 2,5 Sekunden
- ✓Haeufigste LCP-Elemente: Hero-Bilder, grosse Textbloecke, Videos
- ✓AVIF-Format reduziert Bildgroesse um 50% gegenueber JPEG
- ✓Server-Response-Zeit (TTFB) ist oft der groesste LCP-Faktor
- ✓CDN-Einsatz kann LCP um 30-50% verbessern
LCP ist oft die am einfachsten zu verbessernde Core Web Vital, da die Optimierungen klar definiert sind.
Die vier LCP-Unterkategorien
Google unterteilt LCP in vier Phasen: Time to First Byte (TTFB, Server-Antwortzeit), Resource Load Delay (Verzoegerung bis der LCP-Resource-Download startet), Resource Load Duration (Download-Zeit der LCP-Resource) und Element Render Delay (Zeit bis zum Rendern nach Download).
Optimierungsstrategien
Server-Optimierung: TTFB unter 800ms bringen. Hosting upgraden, Caching aktivieren, CDN einsetzen. Ein CDN kann LCP um 30-50 Prozent verbessern.
Bild-Optimierung: AVIF als primaeres Format (50% kleiner als JPEG), responsive Bilder mit srcset, Preload fuer das LCP-Bild via link rel=preload, Lazy Loading nur fuer Bilder below the fold.
Render-Optimierung: Kritisches CSS inlinen, Render-Blocking JavaScript eliminieren oder deferred laden, Fonts vorladen mit link rel=preload.
LCP und AI-Crawler
AI-Crawler warten typischerweise nur 1-5 Sekunden auf eine Seite. Ein LCP ueber 2,5 Sekunden bedeutet, dass KI-Systeme moeglicherweise eine unvollstaendig geladene Version der Seite sehen.
Daten & Statistiken
AVIF-Bilder sind 50% kleiner als JPEG bei vergleichbarer Qualitaet
Google Web.dev (2025)“LCP measures perceived load speed and marks the point at which the majority of page content has been downloaded and is visible to the user.”
— Annie Sullivan, Google Chrome Engineer