CWV-Playbook: 0.8s LCP auf Mobilgeräten (WordPress)

Unter 1 Sekunde LCP – reproduzierbar, nicht zufällig. Dieses Playbook priorisiert Impact > Theorie.

Preflight (Hosting)

• TTFB-Ziel: <200ms (Edge-Cache an, HTTP/2, PHP 8.1+, Redis).
• CDN aktiv, Brotli on, TLS 1.3, HSTS.
• Staging zum Testen, kein Plugin-Ballast.

Frontend Quick Wins

• Kritisches CSS extrahieren, non-critical JS verzögert laden.
• Fonts: font-display: swap, nur 1–2 Schnitte, Preload der LCP-Font.
• Bilder: AVIF/WebP, korrekte Sizes/SrcSet, loading="lazy" für below the fold, priority für Hero.
• Theme-Bloat raus: ungenutzte Blöcke/Skripte deregistrieren.

Cache-Stack

• Browser Cache Rules (1y für statische Assets).
• Page Cache (WP Rocket/W3TC) + Preload.
• Object Cache (Redis) für Queries.
• Edge-Cache/CDN mit Stale-While-Revalidate.

Messplan

• Field Data: CrUX, Search Console Core Web Vitals.
• Lab: WebPageTest (3 Runs, 75th Percentile), Lighthouse CI im Repo.
• Track: LCP, CLS, FID/INP, TTFB, HIT-Rate Cache.

Rollout-Checkliste

• Vorher/Nachher messen (Mobile).
• Kritisches CSS live, JS defer, kein Layout-Shift im Hero.
• CDN-Regeln geprüft (HTML nicht doppelt cachen bei Logins).
• Logs/Errors monitoren 48h.

CTA

Button: „Playbook anwenden“ – inkl. Test-Template und Reihenfolge der Tasks.