LCP
Abkürzungen / Synonyme: Largest Contentful Paint
Kurzdefinition
Largest Contentful Paint: Der Zeitpunkt, an dem das grösste sichtbare Element einer Seite geladen ist (Ladeperformance).
Ausführliche Erklärung
LCP (Largest Contentful Paint) misst, wann das grösste sichtbare Element im Viewport – meist ein Hero-Bild, ein Video-Poster oder ein grosser Textblock – gerendert ist. Es ist der wichtigste Indikator dafür, wann der Nutzer das Gefühl hat, dass die Seite geladen ist. Typische LCP-Bremsen sind ein langsamer TTFB, render-blockierendes CSS/JS, zu grosse oder spät geladene Bilder und fehlendes Preloading kritischer Ressourcen. Zielwert: unter 2,5 Sekunden im 75. Perzentil.
Beispiel
Wird das Hero-Bild per `<link rel="preload">` priorisiert und in modernem WebP/AVIF ausgeliefert, sinkt der LCP häufig von 4 s auf unter 2,5 s.
Im ausführlichen Fachartikel erklären wir LCP mit Architektur, Praxisbeispielen und Best Practices im Detail:
Sie möchten LCP direkt in der Praxis prüfen oder anwenden? Nutzen Sie das passende kostenlose Tool: