Im März 2024 hat Google INP (Interaction to Next Paint) als neuen Core Web Vital eingeführt und damit FID (First Input Delay) abgelöst. Wer seine WordPress-Website seither nicht angepasst hat, verliert messbar an Sichtbarkeit. Die gute Nachricht: Mit den richtigen Maßnahmen lassen sich alle drei Core Web Vitals systematisch verbessern – ohne dass Sie zum Performance-Experten werden müssen.
Was sind die Core Web Vitals 2025?
Die Core Web Vitals sind drei messbare Metriken, mit denen Google die Nutzererfahrung Ihrer Website bewertet:
- LCP (Largest Contentful Paint): Misst die Ladegeschwindigkeit des größten sichtbaren Elements. Zielwert: unter 2,5 Sekunden
- INP (Interaction to Next Paint): Misst die Reaktionszeit auf Nutzerinteraktionen wie Klicks oder Eingaben. Zielwert: unter 200 Millisekunden
- CLS (Cumulative Layout Shift): Misst unerwartete Layout-Verschiebungen während des Ladens. Zielwert: unter 0,1
Diese Werte fließen direkt in Ihr Google-Ranking ein. Websites mit schlechten Core Web Vitals verlieren nachweislich Positionen an besser optimierte Konkurrenten – selbst wenn der Content identisch ist.
WordPress-Websites haben ein strukturelles Problem
WordPress ist flexibel und benutzerfreundlich, aber genau das macht es anfällig für Performance-Probleme. Jedes Plugin lädt eigene Skripte, Themes bringen zusätzliche CSS-Dateien mit, und Page Builder wie Elementor oder Divi erzeugen aufgeblähten Code. Die Folge: WordPress-Sites fallen bei den Core Web Vitals häufig durch.
Die größten Performance-Killer sind:
- Zu viele HTTP-Requests durch unzählige CSS- und JavaScript-Dateien
- Unoptimierte Bilder ohne moderne Formate (WebP, AVIF)
- Render-blockierende Ressourcen im Critical Path
- Fehlende Dimensionsangaben bei Bildern und Videos
- Übermäßiger JavaScript-Einsatz durch Plugins und Tracking-Codes
LCP optimieren: Largest Contentful Paint unter 2,5 Sekunden
Der LCP-Wert wird meist durch das Hero-Bild, einen großen Text-Block oder ein Video im oberen Seitenbereich bestimmt. Hier sind die wirksamsten Maßnahmen:
Bilder richtig optimieren
Nutzen Sie moderne Bildformate wie WebP oder AVIF. Diese reduzieren die Dateigröße um bis zu 50% ohne sichtbaren Qualitätsverlust. Plugins wie ShortPixel oder Imagify konvertieren Ihre Bilder automatisch.
Wichtig: Setzen Sie für das LCP-Element ein fetchpriority="high"-Attribut. Das signalisiert dem Browser, dass er dieses Bild priorisiert laden soll:
<img src="hero.webp" fetchpriority="high" width="1200" height="600" alt="Beschreibung">
Server-Response-Zeit reduzieren
Ihr Hosting ist entscheidend. Shared Hosting mit langsamer Server-Response-Zeit (TTFB über 600ms) macht alle anderen Optimierungen zunichte. Wechseln Sie zu einem managed WordPress-Hoster wie Kinsta, WP Engine oder Raidboxes – oder nutzen Sie mindestens ein VPS mit ausreichend Ressourcen.
Caching konsequent einsetzen
Installieren Sie ein professionelles Caching-Plugin wie WP Rocket oder FlyingPress. Diese Plugins erstellen statische HTML-Versionen Ihrer Seiten und liefern sie aus, ohne dass WordPress und die Datenbank für jeden Seitenaufruf arbeiten müssen.
Aktivieren Sie zusätzlich Browser-Caching und erwägen Sie ein CDN (Content Delivery Network) wie Cloudflare oder BunnyCDN, um Inhalte geografisch näher am Nutzer auszuliefern.
INP optimieren: Interaktivität unter 200 Millisekunden
INP ist der neue Core Web Vital, der FID ersetzt hat, und er ist deutlich strenger. Während FID nur die erste Interaktion maß, bewertet INP alle Nutzerinteraktionen während der gesamten Sitzung.
JavaScript minimieren und verzögern
Der Hauptgrund für schlechte INP-Werte ist zu viel JavaScript, das den Browser blockiert. Identifizieren Sie zunächst unnötige Skripte:
- Deaktivieren Sie Plugins, die Sie nicht aktiv nutzen
- Laden Sie Google Analytics nur bei Cookie-Zustimmung
- Entfernen Sie Social-Media-Widgets, die JavaScript nachladen
- Ersetzen Sie schwere Slider durch einfache CSS-Animationen
Nutzen Sie die Delay JavaScript-Funktion moderner Caching-Plugins. Diese Funktion lädt JavaScript-Dateien erst, wenn der Nutzer mit der Seite interagiert.
Third-Party-Code kontrollieren
Google Tag Manager, Facebook Pixel, Hotjar und andere Tracking-Tools sind INP-Killer. Laden Sie diese Tools asynchron oder verzögert. Das Plugin Perfmatters bietet granulare Kontrolle darüber, welche Skripte wo geladen werden.
Event-Handler optimieren
Wenn Sie Custom JavaScript verwenden, achten Sie auf effiziente Event-Handler. Nutzen Sie Debouncing und Throttling für Events wie Scroll oder Resize, um die Hauptthread-Belastung zu reduzieren.
CLS optimieren: Layout-Shifts unter 0,1 halten
Layout-Shifts entstehen, wenn Elemente nach dem initialen Rendering ihre Position ändern. Das passiert typischerweise durch:
- Bilder und Videos ohne Dimensionsangaben
- Dynamisch geladene Werbebanner
- Web-Fonts, die nach dem Laden die Textgröße ändern
- Nachträglich eingefügte Inhalte wie Cookie-Banner
Immer width und height angeben
Jedes Bild und Video muss explizite Breiten- und Höhenangaben haben. Der Browser reserviert dann den korrekten Platz, bevor das Element geladen ist:
<img src="beispiel.jpg" width="800" height="600" alt="Beschreibung">
Bei responsive Bildern bleibt das Seitenverhältnis erhalten, auch wenn die tatsächliche Größe variiert.
Fonts optimiert einbinden
Nutzen Sie font-display: swap in Ihrer CSS-Datei, um FOIT (Flash of Invisible Text) zu vermeiden. Noch besser: Google Fonts lokal einbinden statt über Google Fonts, um zusätzliche DNS-Lookups zu vermeiden. Das Plugin OMGF (Optimize My Google Fonts) automatisiert diesen Prozess.
Platz für dynamische Inhalte reservieren
Wenn Sie Elemente dynamisch nachladen (z.B. Kommentare oder Ads), reservieren Sie mit CSS den benötigten Platz vorab:
.ad-container { min-height: 250px; }
So verschiebt sich nichts, wenn der Inhalt erscheint.
Die richtige Plugin-Kombination für 2025
Weniger ist mehr. Diese Kombination deckt alle wichtigen Optimierungen ab, ohne sich gegenseitig zu behindern:
- WP Rocket oder FlyingPress: Umfassendes Caching und Performance-Optimierung
- ShortPixel oder Imagify: Bildoptimierung mit WebP-Konvertierung
- Perfmatters: Granulare Kontrolle über Skripte und Features
- Asset CleanUp: Deaktiviert CSS/JS auf Seiten, wo sie nicht benötigt werden
Vermeiden Sie es, mehrere Caching-Plugins parallel zu nutzen. Das führt zu Konflikten und verschlechtert die Performance.
Messung und kontinuierliche Überwachung
Optimierung ist kein einmaliger Vorgang. Nutzen Sie diese Tools zur regelmäßigen Kontrolle:
- Google PageSpeed Insights: Zeigt die Core Web Vitals-Werte mit konkreten Verbesserungsvorschlägen
- Google Search Console: Der Core Web Vitals-Report zeigt, welche Seiten Probleme haben
- WebPageTest.org: Detaillierte Analyse mit Wasserfall-Diagramm
- Chrome DevTools: Performance-Tab für lokale Tests während der Entwicklung
Testen Sie nach jeder größeren Änderung (Theme-Update, neue Plugins, Content-Anpassungen) erneut. Viele Performance-Probleme entstehen schleichend.
Häufige Fehler, die Sie vermeiden sollten
Aus der Praxis zeigt sich: Diese Fehler kosten die meiste Performance:
- Zu viele Plugins: Mehr als 20 aktive Plugins sind ein Warnsignal
- Page Builder im Excess: Nutzen Sie nur die Features, die Sie wirklich brauchen
- Unoptimierte Datenbank: Bereinigen Sie regelmäßig Revisionen und Spam-Kommentare
- Fehlende Lazy Loading: Bilder außerhalb des Viewports sollten verzögert geladen werden
- Zu große Videos: Hosten Sie Videos auf YouTube oder Vimeo statt direkt auf WordPress
Ihre nächsten Schritte
Beginnen Sie mit diesen drei Maßnahmen, die den größten Effekt haben:
1. Installieren Sie WP Rocket oder FlyingPress und aktivieren Sie die Basis-Einstellungen für Caching, Minifizierung und JavaScript-Delay.
2. Optimieren Sie alle Bilder mit ShortPixel oder Imagify und konvertieren Sie sie zu WebP. Fügen Sie width/height-Attribute zu allen Bildern hinzu.
3. Analysieren Sie Ihre Plugins mit dem Query Monitor Plugin und deaktivieren Sie alles, was Sie nicht zwingend benötigen.
Messen Sie Ihre Core Web Vitals vor und nach diesen Änderungen in der Google Search Console. Sie werden innerhalb von 28 Tagen messbare Verbesserungen sehen – und mittelfristig auch bei Ihren Rankings. Die Investition in Performance zahlt sich direkt in besserer Sichtbarkeit und höheren Conversion-Raten aus.
