LCP-Optimierung — so wird Ihr Hauptinhalt schnell

LCP (Largest Contentful Paint) misst, wie lange das größte sichtbare Element einer Seite zum Laden braucht — meist das Hauptbild, die Überschrift oder ein Textblock oberhalb des Falzes. Es ist einer der drei Core Web Vitals, und Google nutzt es als Ranking-Signal. Das Ziel ist klar: unter 2,5 Sekunden gilt als gut, 2,5 bis 4 s sind verbesserungswürdig und über 4 s ist schlecht.

Was den LCP verlangsamt

Die üblichen Verursacher sind ein langsamer Server (hoher TTFB), riesige nicht optimierte Bilder, render-blockierendes CSS und JavaScript sowie langsames Laden von Schriften. Interessanterweise optimieren viele das Falsche — sie feilen an Bildern am Seitenende, während das eigentliche Problem ein 2 MB großes Hero-Bild oben ist. Beim LCP zählt nur, was der Besucher zuerst sieht.

Sieben Schritte zu einem schnelleren LCP

• Verkleinern Sie das Bild oberhalb des Falzes. Konvertieren Sie es in WebP oder AVIF, setzen Sie exakte Maße und halten Sie es unter 150-200 KB. Das ist meist der größte Gewinn.
• Setzen Sie fetchpriority="high" auf das LCP-Bild. So weiß der Browser, dass er es vor allem anderen laden soll.
• Laden Sie das Hero-Bild niemals per Lazy-Load. Lazy Loading ist ideal für Bilder weiter unten, aber das Verzögern des LCP-Elements schadet der Metrik direkt.
• Entfernen Sie render-blockierende Ressourcen. Verschieben Sie unkritisches JavaScript und binden Sie das kritische CSS inline ein.
• Preload für Schriften und Schlüsselressourcen. Eine zu spät geladene Schrift verschiebt Text und LCP.
• Aktivieren Sie Caching und ein CDN. Eine gecachte Seite wird sofort ausgeliefert, ein CDN bringt sie näher zum Besucher.
• Beheben Sie den TTFB. Braucht der Server 800 ms bis zum ersten Byte, kann keine Frontend-Optimierung den LCP weit genug senken.

Warum Hosting das Fundament ist

Der TTFB ist der erste Teil des LCP und hängt völlig vom Server ab. NVMe-Festplatten, eine moderne PHP-Version und genügend Ressourcen machen allein serverseitig den Unterschied zwischen 200 ms und 800 ms aus. Deshalb ist gutes WordPress-Hosting kein Luxus, sondern eine Grundlage — ohne schnelle Serverantwort ist der Kampf um den LCP vergeblich. Werfen Sie einen Blick auf unsere Pakete mit NVMe-Festplatten und kostenlosem CDN.

So messen Sie den LCP

Nutzen Sie PageSpeed Insights oder die Chrome DevTools (Lighthouse), um den genauen LCP und das auslösende Element zu sehen. Achten Sie auf Felddaten (CrUX), nicht nur auf den Labortest — echte Nutzer in Mobilfunknetzen schneiden oft schlechter ab als Ihr Test über eine schnelle Verbindung.

Häufige Fragen

Was ist ein guter LCP? Unter 2,5 Sekunden auf dem Mobilgerät für 75 % der Besuche.

Hilft ein CDN dem LCP? Ja, denn es verkürzt die Entfernung und beschleunigt die Auslieferung von Bild und HTML, was den LCP für entfernte Besucher direkt senkt.