Fallstudie: Wie wir die Core Web Vitals in zwei Wochen um 60 % verbessert haben

## Der Ausgangszustand

Eine Next.js-E-Commerce-Website mit 12.000 SKUs und einem monatlichen Umsatz von 2 Mio. $. Ihr organischer Traffic war sechs Monate lang rückläufig. Die Google Search Console zeigte das Problem: 68 % der URLs lagen im „poor"-LCP-Bereich.

Danach: 92 % „good" über alle drei Metriken hinweg. Hier ist genau, was wir geändert haben.

LCP: 4,2 s → 1,1 s

Das Hero-Bild auf jeder Produktseite wurde in voller Auflösung geladen – 4000x4000 Pixel, 2,3 MB. Auf dem Papier stand „optimiert", aber sie nutzten ein generisches CDN ohne WebP-Konvertierung. Für eine vollständige Aufschlüsselung zur Diagnose und Behebung von LCP sieh dir unseren LCP-Deep-Dive-Leitfaden an.

Was wir gemacht haben:

Alle Hero-Bilder mit einer Qualität von 85 % in WebP konvertiert
fetchpriority="high" zum LCP-Bild hinzugefügt
Responsive Bildgrößen über die Next.js-Image-Komponente mit dem sizes-Attribut implementiert
Das Review-Widget von Drittanbietern unter den Fold verschoben (es lud 180 KB JavaScript vor dem Hero-Bild)

Der größte Gewinn war das Review-Widget. Das Entfernen eines einzigen