Wie verbessere ich den LCP-Wert meiner Website?
Kurz und einfach erklärt
Hier geht es darum, wie schnell der Hauptinhalt einer Seite erscheint. Dabei spielen mehrere Schritte mit.
Der Server muss schnell antworten. Dateien dürfen den Aufbau nicht bremsen. Das große Bild oben muss rasch laden.
Am meisten bringt es oft beim Server und bei bremsenden Dateien.
Wir machen den Server schneller. Das Hauptbild liefern wir in modernen Formaten. Der Browser lädt es dann zuerst. So erscheint der Hauptinhalt oft deutlich schneller.
Der LCP entsteht aus vier Phasen, die sich addieren. Erstens die Server-Antwortzeit (TTFB), gesenkt durch optimiertes Hosting, Caching und gegebenenfalls ein CDN. Zweitens render-blockierende Ressourcen wie unkritisches CSS und synchrones JavaScript, die das erste Zeichnen verzögern. Drittens die Ladezeit der LCP-Ressource selbst, meist ein großes Hero-Bild. Viertens die Renderzeit auf dem Client, die bei JavaScript-lastigen Frameworks ohne Server-Side-Rendering stark wachsen kann.
In der Praxis liegt der größte Hebel fast immer in den ersten beiden Phasen. Wir senken die TTFB über die Server-Optimierung, liefern das LCP-Bild im modernen WebP- oder AVIF-Format aus und priorisieren es per Preload, damit der Browser es sofort lädt. Werden render-blockierende Skripte ausgelagert und Critical CSS inline eingebettet, sinkt der LCP häufig deutlich.