LCP (Largest Contentful Paint), im Tech-Kontext.
LCP misst, wann das größte sichtbare Element der Seite fertig gezeichnet ist. Google wertet bis 2,5 Sekunden als gut und über 4 Sekunden als schlecht.
Largest Contentful Paint ist einer der drei Core Web Vitals und misst, wann das größte im Sichtbereich dargestellte Element fertig gezeichnet ist. Meist ist das ein Hero-Bild, ein Hintergrundbild oder eine große Überschrift. Google nennt als Schwellen: bis 2,5 Sekunden gut, 2,5 bis 4 Sekunden verbesserungswürdig, darüber schlecht, gemessen am 75. Perzentil echter Aufrufe. Die Kette dahinter hat vier Glieder: Serverzeit bis zum ersten Byte, blockierende Ressourcen im Kopf des Dokuments, Ladezeit des Elements selbst und die Zeit bis zur Darstellung. In der Praxis liegt der Hebel fast immer beim Hero-Bild und bei der TTFB.
Beispiele aus dem Mittelstand
- Ein unkomprimiertes Hero-Foto von mehreren Megabyte drückt den LCP auf dem Telefon über vier Sekunden.
- Nach Umstellung des Hero-Bilds auf WebP mit Vorabladen und passenden Maßen fällt der Wert in den grünen Bereich.
<!-- Das LCP-Bild so früh wie möglich anfordern -->
<link rel="preload" as="image" href="/hero-1600.webp" fetchpriority="high" />// Zeigt, welches Element der LCP-Kandidat ist
new PerformanceObserver((liste) => {
const eintrag = liste.getEntries().at(-1);
console.log(Math.round(eintrag.startTime), eintrag.element);
}).observe({ type: "largest-contentful-paint", buffered: true });Folge-Fragen
Welches Element zählt als LCP-Element?
Das flächenmäßig größte Bild, Video-Poster oder Textblock im ersten Sichtbereich. Der Beobachter im Code oben nennt es genau.
Warum ist mein LCP im Feld schlechter als im Test?
Der Test misst ein Gerät unter festen Bedingungen. Die Bewertung stützt sich auf echte Besuche mit älteren Telefonen und Mobilfunk.
Welcher Eingriff wirkt am schnellsten?
Hero-Bild verkleinern, in ein modernes Format wandeln, vorab laden und nicht lazy setzen. Das erledigt die meisten Fälle.
Zählt LCP für das Ranking?
Ja, als Teil der Core Web Vitals. Der direkte Effekt ist moderat, der indirekte über Absprünge und Abschlüsse deutlich größer.
LCP (Largest Contentful Paint) in der Praxis.
Wo dieser Begriff in deinem Geschäft konkret wird, beginnt die Arbeit. Wir nennen klar, ob die Idee in unser Studio passt.
SEO-Performance