Definition
LCP (Largest Contentful Paint) misst, wie lange es dauert, bis das größte sichtbare Inhaltselement einer Seite (meistens ein Hero-Bild oder eine große Überschrift) vollständig geladen und sichtbar ist.
Google-Grenzwerte
- Gut: Unter 2,5 Sekunden
- Verbesserungswürdig: 2,5–4,0 Sekunden
- Schlecht: Über 4,0 Sekunden
Häufige Ursachen für schlechten LCP
- Zu große, unkomprimierte Hero-Bilder
- Fehlendes
rel="preload"für das Hero-Bild - Langsame Server-Antwortzeit (hohe TTFB)
- Render-blocking CSS oder JavaScript
- Kein CDN
Wie LCP verbessern?
- Hero-Bild in WebP konvertieren und preloaden
- Server-Caching aktivieren
- CSS inline für den kritischen Bereich
- CDN für statische Assets nutzen
Weiterführend: Core Web Vitals Overview | LCP professionell optimieren