Google PageSpeed: Ladezeit optimieren (WordPress & Divi) – schnell & praxisnah
Mehr Speed = bessere UX, bessere Rankings & höhere Conversion. Hier bekommst du eine klare Schritt-für-Schritt Anleitung.
- Core Web Vitals verbessern: LCP, INP, CLS
- Konkrete Maßnahmen: Bilder, Cache, Fonts lokal, CSS/JS entschlacken
- Tool-Setup: PageSpeed Insights + Lighthouse + Search Console
Tipp: Miss nach jeder großen Änderung neu, sonst optimierst du ins Blaue.
Speed-Check (2 Minuten)
Was du als Erstes prüfen solltest:
- Largest Contentful Paint (LCP): meist Hero-Bild/Slider
- INP: zu viel JavaScript, schwere Builder-Effekte
- CLS: fehlende Bildgrößen, nachladende Banner/Fonts
Core Web Vitals: Was zählt wirklich?
Google misst reale Nutzererfahrung. Für Rankings und UX sind vor allem LCP (Loading), INP (Interaktivität) und CLS (Layout-Stabilität) entscheidend.
| Messwert | Wofür steht’s? | Typische Ursache | Fix (Quick) |
|---|---|---|---|
| LCP | Wie schnell der Hauptinhalt sichtbar ist | Großes Hero-Bild, Slider, langsamer Server | Bilder komprimieren, Preload, Cache/CDN |
| INP | Wie schnell die Seite auf Klicks reagiert | Zu viel JS, schwere Animationen, Third-Party Scripts | JS verzögern, unnötige Skripte entfernen |
| CLS | Springt das Layout beim Laden? | Kein width/height bei Bildern, Fonts tauschen Layout | Bildgrößen setzen, Fonts lokal + font-display |
Quick Wins: 10 Maßnahmen mit dem größten Effekt
- Bilder: WebP/AVIF + richtige Größen + Lazy Load (außer Hero/LCP-Bild)
- Cache: Page Cache aktivieren, Browser-Cache/Expires setzen
- CSS: Kritisches CSS / ungenutztes CSS reduzieren
- JS: Verzögern/Defer, Third-Party Skripte minimieren
- Fonts: Google Fonts lokal hosten (DSGVO + Performance)
- CLS: width/height für Medien + feste Platzhalter für Banner
- Server: PHP Version aktuell, HTTP/2/3, gutes Hosting
- Plugins: Plugin-Bloat reduzieren, doppelte Funktionen entfernen
- Datenbank: Revisions, Transients, Autoload bereinigen
- CDN: Für globale Besucher sinnvoll (Assets schneller)
Bilder richtig optimieren (meist #1 Hebel)
Das größte LCP-Problem ist fast immer ein zu großes Bild. Ziel: richtiges Format, richtige Größe, richtig geladen.
- Hero/LCP-Bild: komprimieren, als WebP/AVIF, ggf. preload, nicht lazy-loaden
- Rest: Lazy Load aktivieren, responsive srcset nutzen
- Dimensionen: width/height setzen (CLS vermeiden)
Caching: Page Cache, Browser Cache, Object Cache
Caching ist der Turbo für WordPress. Page Cache reduziert Server-Arbeit, Browser Cache spart wiederholte Downloads.
Empfohlene Reihenfolge:
- Page Cache aktivieren (HTML vorgerendert ausliefern)
- Browser Cache/Expires für CSS/JS/Fonts/Bilder
- Optional: Object Cache (Redis) bei größeren Seiten/Shops
CSS/JS: Render Blocking entfernen
PageSpeed warnt oft wegen „Render-blocking resources“. Ziel: kritische Ressourcen zuerst, Rest verzögert.
- CSS: kritisches CSS inline / restliches CSS später laden
- JS: defer/delay, unnötige Skripte raus (Tracking/Chat/Heatmaps)
- Third-Party: nur laden, wenn nötig (z. B. nach Consent)
Fonts (DSGVO + Speed): Google Fonts vermeiden oder lokal hosten
Externe Google Fonts können Datenschutz-Risiko und Performance-Bremse sein. Best Practice: lokal hosten oder System-Fonts nutzen.
- Google Fonts lokal speichern und von deiner Domain laden
- Nur benötigte Schnitte (Weights/Styles) laden
- font-display: swap; setzen (besseres Rendering, weniger CLS)
WordPress/Divi: typische Speed-Probleme & Fixes
Builder-Themes sind nicht automatisch langsam – aber sie verzeihen kein „Plugin-Chaos“. So bekommst du Divi/WordPress schnell:
- Nur notwendige Divi-Features aktivieren, Effekte sparsam einsetzen
- Kein schwerer Slider im Hero (LCP-Killer)
- Gutes Caching + Bildoptimierung + Fonts lokal
- Tracking/Third-Party Skripte erst nach Consent laden
FAQs – Google PageSpeed & Ladezeit
Welche PageSpeed-Zahl ist „gut genug“?
Wichtiger als der Score sind reale Werte: LCP < 2,5s, INP < 200ms, CLS < 0,1. Der Score schwankt je nach Testbedingungen.
Warum ist mein LCP so hoch?
Meist ist es das größte sichtbare Element: Hero-Bild, Slider oder ein schweres Above-the-Fold Layout. Reduziere Bildgröße, nutze WebP/AVIF und vermeide Slider im ersten Viewport.
Warum springt mein Layout (CLS)?
CLS kommt typischerweise von fehlenden Bildgrößen, nachladenden Fonts oder dynamischen Bannern. Setze width/height, hoste Fonts lokal und plane feste Platzhalter für dynamische Elemente.
Machen Google Fonts Probleme?
Extern geladene Google Fonts können Geschwindigkeit und Datenschutz betreffen. Best Practice ist, Fonts lokal zu hosten oder System-Fonts zu verwenden.
Welche Tools sollte ich für Speed nutzen?
- Google PageSpeed Insights (schneller Überblick)
- Lighthouse (Detailanalyse)
- Search Console (reale CWV-Daten)
- Browser DevTools (Network/Performance Tab)