LCP
Largest Contentful Paint (LCP)
Der Largest Contentful Paint (LCP) ist eine zentrale Metrik zur Messung der Lade-Performance und gehört zu den → Core Web Vitals von Google. Er misst die Zeit, die benötigt wird, um das größte, sichtbare Inhaltselement auf der Seite vollständig zu rendern.
Dieses Element kann ein Bild, ein Video-Poster, ein großer Textblock oder eine Hintergrundgrafik sein, die über die CSS-Eigenschaft `url()` geladen wird.
Warum ist LCP wichtig?
Der LCP-Wert gibt an, wann der Benutzer die Hauptinhalte der Seite tatsächlich sehen und erfassen kann. Er ist damit der wichtigste Indikator dafür, wie schnell eine Seite in den Augen des Nutzers wirklich geladen ist.
Ein guter LCP-Wert sollte unter 2,5 Sekunden liegen, um eine optimale User Experience zu gewährleisten.
Wie verbesserst du den LCP?
Die Optimierung des LCP erfordert Maßnahmen in verschiedenen Bereichen:
- Server-Reaktionszeit (TTFB): Ein schneller TTFB (Time to First Byte) ist die Grundlage für einen schnellen LCP, da die HTML-Antwort früher beginnt, zu laden.
- Ressourcen-Ladezeiten: Optimierung und Priorisierung des größten Elements. Bilder sollten komprimiert und im richtigen Format (z. B. WebP) ausgeliefert werden.
- CSS und JavaScript Blockierung: Minimiere oder deferiere CSS und JS, die das Rendern der Seite blockieren könnten.
- Preloading und Preconnect: Nutze
`rel="preload"`für das LCP-Element und`rel="preconnect"`für kritische Domains, um die Ladezeiten zu beschleunigen.
Google Search Central: How to improve Largest Contentful Paint for a better page experience
« Back to Glossary Index