Was ist LCP (Largest Contentful Paint)?
Kurzdefinition
LCP misst die Zeit, bis das größte sichtbare Inhaltselement einer Seite — wie ein Hero-Bild oder eine Überschrift — vollständig gerendert ist.
Largest Contentful Paint (LCP) is one of Google's three Core Web Vitals. It measures the render time of the largest image, video, or block of text visible in the viewport when the page first loads. In practical terms, it measures when the main content of a page becomes visible to the user.
Google defines good LCP as under 2.5 seconds, needs improvement between 2.5-4 seconds, and poor above 4 seconds. These thresholds are measured at the 75th percentile of page loads across real users.
The "largest" element is typically the hero image on a landing page, the featured image on a blog post, a large heading, or a video thumbnail. The browser automatically identifies which element is the largest in the initial viewport. As the page loads, the LCP element might change (for example, from a heading to a hero image that loads later).
Common causes of poor LCP include slow server response time (high TTFB), render-blocking JavaScript and CSS, slow resource loading (unoptimized images, missing image dimensions), and client-side rendering that delays content visibility. Optimization strategies include using a CDN, preloading critical resources, optimizing images (using modern formats like WebP/AVIF and appropriate sizing), and eliminating render-blocking resources.
Warum es wichtig ist
LCP is the most important loading metric because it measures when users see the content they came for. A fast LCP means users quickly confirm they're on the right page and start consuming content. A slow LCP means users stare at a blank or partially loaded page, and many will abandon before it finishes.
Since LCP is a Google ranking factor, improving it can directly boost your search visibility. It's also the metric most strongly correlated with user satisfaction and engagement.
Praxisbeispiele
A travel website optimized their hero images by serving WebP format and appropriate sizes, reducing LCP from 5.2 seconds to 1.9 seconds on mobile
A blog preloaded their LCP element (a featured image) and saw LCP improve from 3.1s to 1.6s, resulting in a measurable decrease in bounce rate
An e-commerce site discovered that a large CSS file was render-blocking their LCP element; inlining critical CSS brought LCP from 4.0s to 2.1s
A news site implemented responsive images with the srcset attribute, serving smaller images to mobile devices and reducing mobile LCP by 40%
Verwandte Begriffe
Core Web Vitals
Core Web Vitals sind drei spezifische Metriken von Google, die die reale Nutzererfahrung auf Websites messen: Ladeleistung (LCP), Interaktivität (INP) und visuelle Stabilität (CLS).
CLS (Cumulative Layout Shift)
CLS misst die Gesamtmenge unerwarteter Layout-Verschiebungen während des gesamten Lebenszyklus einer Seite und quantifiziert, wie stark sich sichtbare Inhalte verschieben.
TTFB (Time to First Byte)
TTFB misst die Zeit vom Senden einer Browser-Anfrage bis zum Empfang des ersten Datenbytes vom Server und dient als Indikator für die Server-Antwortzeit.
CDN (Content Delivery Network)
Ein CDN ist ein geografisch verteiltes Netzwerk von Servern, das Web-Inhalte vom nächstgelegenen Server an Nutzer liefert und so Ladezeiten reduziert.
Benötigen Sie Hilfe mit lcp (largest contentful paint)?
Unser Team hilft Ihnen, dieses Konzept in die Praxis umzusetzen. Fordern Sie eine kostenlose Beratung an, um Ihr Projekt zu besprechen.