LCP (Largest Contentful Paint).
LCP ist einer der drei Core Web Vitals und misst, wie lange es dauert, bis das grösste sichtbare Element (Bild, Text-Block, Video) einer Seite geladen ist. Zielwert: unter 2.5 Sekunden. LCP ist der wichtigste individuelle Ladezeit-Indikator für Google-Rankings.
LCP (Largest Contentful Paint) — ausführlich erklärt
LCP (Largest Contentful Paint) ist einer der drei Core Web Vitals von Google und misst, wie lange es dauert, bis das grösste sichtbare Element einer Webseite vollständig geladen ist. Das 'grösste Element' ist typischerweise ein Hero-Bild, ein grosser Text-Block oder ein Video-Poster. Zielwert: unter 2.5 Sekunden (gut), 2.5–4 Sekunden (verbesserungswürdig), über 4 Sekunden (schlecht). LCP ist seit dem Core Web Vitals Update 2021 ein direkter Ranking-Faktor.
Warum ist LCP so wichtig? Er misst, wann der Nutzer das Gefühl bekommt, dass die Seite 'geladen' ist — den Übergang vom leeren Bildschirm zum nützlichen Inhalt. Häufige LCP-Probleme: Grosse, unoptimierte Bilder (grösste Ursache), langsame Server-Antwortzeiten (TTFB), render-blockierendes JavaScript oder CSS, und das Lazy-Loading des Hero-Bilds (Hero-Bilder sollten immer sofort geladen werden, nicht lazy).
Massnahmen zur LCP-Optimierung: Bilder im WebP- oder AVIF-Format ausliefern (30–50% kleinere Dateigrösse). `loading='eager'` und `fetchpriority='high'` für Hero-Bilder setzen. Server-Antwortzeit verbessern (TTFB unter 600ms). Kritisches CSS inline laden. CDN nutzen. Next.js oder nuxt-image für automatische Bildoptimierung verwenden. DLM Digital erzielt bei allen Projekten LCP-Werte unter 1.5 Sekunden.
Weiterführende Seite
Core Web VitalsHäufige Fragen zu LCP (Largest Contentful Paint)
Häufigste Ursachen: 1) Unoptimierte Bilder (zu gross, falsches Format — JPEG statt WebP). 2) Langsame Server-Antwortzeit (TTFB über 600ms). 3) Render-blockierendes JavaScript oder CSS. 4) Das Hero-Bild wird lazy-geladen (falsch — Hero-Bilder müssen sofort laden). 5) Kein CDN — Server ist physisch weit vom Nutzer entfernt.
FCP (First Contentful Paint) misst, wann der erste sichtbare Inhalt erscheint — egal wie klein (ein Satzzeichen reicht). LCP misst, wann das grösste sichtbare Element geladen ist — typischerweise das Hero-Bild oder der erste grosse Text-Block. LCP ist der wichtigere Core Web Vital für Ranking-Zwecke, da er die gefühlte Ladezeit besser abbildet.
LCP können Sie mit Google PageSpeed Insights (pagespeed.web.dev) messen — sowohl als Labordaten (Lighthouse-Simulation) als auch als Felddaten (echte Chrome-Nutzerdaten). In Chrome DevTools können Sie LCP mit dem Performance-Panel live aufzeichnen. Die Google Search Console zeigt LCP-Felddaten aggregiert für alle Seiten Ihrer Website.
Weitere Begriffe mit „L“
Local Pack
Der Local Pack (auch: Map Pack oder Google 3-Pack) ist der Block in der Google-Suche, der drei lokal...
Lighthouse Score
Der Lighthouse Score ist eine Bewertung von Google, die die Qualität einer Webseite in vier Kategori...
Lead Generation
Lead Generation (Leadgenerierung) beschreibt den Prozess, potenzielle Kunden zu identifizieren und i...
Bereit für Ihr Projekt?
Wenden Sie dieses Wissen auf Ihre Website an — DLM Digital hilft Ihnen dabei.