LCP (Largest Contentful Paint)
Misst, wann das größte sichtbare Element (meist Hero-Bild oder Headline) im Viewport fertig geladen ist.
LCP ist das Kernkriterium der Core Web Vitals. Es beantwortet die Frage: „Wann wirkt die Seite für den Nutzer fertig?“. Gemessen wird, ab welcher Sekunde das größte Element des sichtbaren Bereichs auf dem Bildschirm erscheint — also Hero-Bild, Video-Thumbnail oder ein großer Textblock.
Zielwerte
- Gut: ≤ 2,5 Sekunden
- Verbesserungswürdig: 2,5–4,0 Sekunden
- Schlecht: über 4 Sekunden
Was macht LCP langsam?
- Langsamer Server (hoher TTFB)
- Render-blockierende CSS- und JS-Dateien
- Riesige unkomprimierte Bilder
- Lazy-Loading auf das Hero-Element (NIE machen)
- Externe Ressourcen ohne Preconnect
Optimierungstipps
Hero-Bild als WebP/AVIF mit korrekter Größe, fetchpriority="high" setzen, Critical CSS inline einbinden, schriftartenlokal hosten. Bei WordPress hilft ein Caching-Plugin wie WP Rocket oder ein Hoster mit eingebautem Page-Cache (z. B. Raidboxes, Kinsta). Für mobile LCP unter 2,5 s braucht es meistens einen Hoster mit deutschem oder europäischem Rechenzentrum.