Core Web Vitals sind ein Google-Rankingfaktor. Hier sind praktische Schritte zur Verbesserung aller drei Metriken.
LCP verbessern (Largest Contentful Paint)
- Caching-Plugin nutzen — Page-Caching ist die wichtigste Verbesserung.
- Hero-Bild optimieren — Komprimieren, WebP nutzen,
fetchpriority="high"setzen. - Render-blockierende Ressourcen eliminieren — Nicht-kritisches CSS und JS verzögern.
- CDN nutzen — Assets von nahegelegenen Edge-Servern ausliefern.
- GZIP/Brotli aktivieren — Reduziert die Übertragungsgröße.
INP verbessern (Interaction to Next Paint)
- JavaScript reduzieren — Unnötige Plugins deaktivieren.
- Drittanbieter-Skripte verzögern — Analytics, Werbung und Chat-Widgets erst nach Nutzerinteraktion laden.
- DOM-Größe reduzieren — Unter 1500 DOM-Elemente anstreben.
CLS verbessern (Cumulative Layout Shift)
- Bildmaße setzen — Immer
widthundheightangeben. - Platz für Werbung reservieren —
min-heightauf Werbecontainer. - font-display: swap — Verhindert unsichtbaren Text beim Laden von Schriftarten.
Schnelle Gewinne
- Caching-Plugin installieren
- Gzip/Brotli-Komprimierung aktivieren
- Bilder optimieren und lazy laden
- Ungenutzte Plugins entfernen
- Ein leichtgewichtiges Theme verwenden
Mit InspectWP überprüfen
InspectWP prüft viele Faktoren, die Core Web Vitals beeinflussen: Komprimierung, HTTP/2, Bildanzahl, JS/CSS-Dateianzahl und HTML-Größe.