Performance & Web Vitals

Largest Contentful Paint (LCP)

Was ist LCP? Eine Metrik, die misst, wie schnell das größte sichtbare Element Ihrer Seite (z.B. Hero-Bild oder Überschrift) lädt – Werte unter 2,5 Sekunden sorgen für einen guten ersten Eindruck.

Kurz erklärt

Largest Contentful Paint (LCP) beschreibt, wie lange es dauert, bis das größte sichtbare Element – häufig ein Hero-Bild oder Überschrift – geladen und gerendert ist. Google empfiehlt P75-Werte ≤ 2,5 Sekunden.

Warum LCP zählt

First Impression: Besucher:innen sehen schnell die Kernbotschaft.
Ranking-Signal: Schlechter LCP kann SEO-Rankings drücken.
User Journeys: Gerade bei Business-Websites entscheidet die Startsekunde über Vertrauen.

Optimierungsansätze

Hero-Bilder komprimieren & per fetchpriority="high" laden.
Critical CSS inline, übriges CSS/JS deferred.
Caching & Edge-Delivery (CDN) nutzen, um TTFB zu senken.

Messung

PageSpeed Insights, Lighthouse oder CrUX für Lab/Feld-Daten.
Eigenes RUM-Setup (z. B. /rum Endpoint) für kontinuierliches Monitoring.

Weiterführend

Siehe auch Interaction to Next Paint (INP) und Time to First Byte (TTFB) für ganzheitliche Performance-Analyse.

Praxisnutzen & Umsetzung

Quellen & weiterführende Links

web.dev – LCP

Chrome Developers – Optimize LCP

SpeedCurve – LCP Research

Largest Contentful Paint (LCP)

Praxisnutzen & Umsetzung

Quellen & weiterführende Links

Verwandte Begriffe