WordPress

Core Web Vitals bestehen: Schritt-für-Schritt Anleitung für WordPress

06.04.2026 · 10 Min. Lesezeit


Core Web Vitals zu bestehen ist das Ziel — aber der Weg dorthin ist für viele WordPress-Betreiber unklar. Diese Anleitung zeigt einen systematischen Ansatz: von der Messung über die Analyse bis zur konkreten Umsetzung.

Was bedeutet „Core Web Vitals bestehen"?

Google bewertet drei Signale:

  • LCP unter 2.500 ms (p75 deiner Besucher)
  • CLS unter 0,1 (p75 deiner Besucher)
  • INP unter 200 ms (p75 deiner Besucher)

Alle drei müssen gleichzeitig im grünen Bereich liegen. Google verwendet dabei nicht Laborwerte sondern echte Nutzerdaten aus dem Chrome UX Report — gemessen am 75. Perzentil.

Schritt 1: Aktuellen Stand messen

Bevor du optimierst: messen. Ohne Baseline weißt du nicht was sich verbessert hat.

Synthetische Messung: turbometrics oder PageSpeed Insights — beide zeigen LCP, CLS und TBT (als INP-Proxy) aus einem Laborbrowser.

Echte Nutzerdaten: PageSpeed Insights zeigt CrUX-Daten wenn genug Traffic vorhanden ist. Mit turbometrics Live-Daten siehst du p75-Werte deiner eigenen Besucher — auch bei weniger Traffic als für CrUX nötig.

Wichtig: Messe sowohl Desktop als auch Mobile. Mobile-Werte sind fast immer schlechter und Google bewertet primär die Mobile-Erfahrung.

Schritt 2: Das größte Problem identifizieren

Welches der drei Signale ist am weitesten vom Ziel entfernt? Dort anfangen.

LCP verbessern

LCP ist bei WordPress meist das größte Problem. Die wichtigsten Hebel:

Sofortmaßnahmen:

  • Hero-Bild in WebP konvertieren
  • fetchpriority="high" am LCP-Element setzen
  • <link rel="preload"> für das LCP-Bild im <head> ergänzen
  • Caching-Plugin aktivieren (WP Rocket, LiteSpeed Cache)

Mittelfristig:

  • Hosting upgraden wenn TTFB über 800 ms
  • Cloudflare als CDN vorschalten
  • Unnötige JavaScript-Plugins deaktivieren

Mehr Details: WordPress LCP verbessern

CLS verbessern

CLS misst wie stark Elemente beim Laden springen. Häufige Ursachen bei WordPress:

Bilder ohne Dimensionen:

<!-- Falsch: -->
<img src="bild.jpg" alt="...">

<!-- Richtig: -->
<img src="bild.jpg" alt="..." width="800" height="450">

Ads und Embeds ohne reservierten Platz: Immer min-height für Werbeflächen und iframes setzen bevor der Inhalt geladen ist.

Web Fonts mit FOUT:

@font-face {
  font-display: swap; /* oder optional */
}

WordPress-spezifisch:

  • Gutenberg-Blöcke haben manchmal fehlende Dimensionen — Theme prüfen
  • Slider und Karussell-Plugins verursachen oft CLS-Probleme

INP verbessern

INP misst wie schnell deine Seite auf Klicks reagiert. Bei WordPress meist verursacht durch:

Zu viel JavaScript:

  • Unnötige Plugins mit viel JS deaktivieren
  • Scripts mit defer laden
  • Tag Manager-Container auf enthaltene Scripts prüfen

Lange Tasks im Hauptthread: Chrome DevTools → Performance Tab → Long Tasks identifizieren und eliminieren.

WordPress Admin Bar: Die Admin Bar lädt zusätzliches JavaScript. Bei eingeloggten Admins INP-Werte mit ausgeloggtem Browser messen.

Schritt 3: Baseline setzen und Änderungen verfolgen

Vor jeder Optimierungsrunde: Baseline-Scan setzen. So siehst du genau welche Änderung welchen Effekt hatte.

Mit turbometrics:

  1. Scan durchführen
  2. „Als Baseline setzen" klicken
  3. Optimierung durchführen
  4. Neuen Scan starten
  5. Vergleich mit Baseline anzeigen

Schritt 4: Nach Deployment monitoren

Core Web Vitals können sich durch Plugin-Updates, neue Bilder oder Theme-Änderungen verschlechtern — oft unbemerkt.

Automatisches Monitoring einrichten:

  • Geplante Scans täglich oder alle 6 Stunden
  • Alert wenn LCP über 2.500 ms steigt
  • Alert wenn CLS über 0,1 steigt
  • Wochenbericht zur Zusammenfassung

Mit turbometrics Alerts wirst du sofort benachrichtigt wenn ein Wert kippt — per E-Mail oder Webhook.

Häufige Fehler beim Optimieren

Nur Desktop messen: Google bewertet primär Mobile. Desktop-Werte sind fast immer besser.

Nur Lighthouse nutzen: Lighthouse ist ein Labortool. CrUX und RUM zeigen was Google wirklich sieht. Mehr dazu: Core Web Vitals messen: Synthetisch vs. echte Nutzerdaten.

Zu viel auf einmal ändern: Immer eine Änderung nach der anderen — sonst weißt du nicht was geholfen hat.

Caching-Plugin falsch konfigurieren: Falsch konfiguriertes Caching kann CLS verursachen (z.B. durch verzögertes CSS-Laden).

Realistische Erwartungen

Core Web Vitals zu bestehen ist bei WordPress machbar — aber nicht immer einfach. Typische Zeitplanung:

  • LCP verbessern: 1–3 Tage (meist Bild-Optimierung + Caching)
  • CLS beheben: 2–5 Tage (Ursachen-Analyse + Theme-Anpassungen)
  • INP optimieren: 1–4 Wochen (JS-Audit + Refactoring)

Danach: 4–12 Wochen bis Google neue CrUX-Daten aufnimmt und das Ranking anpasst.

Checkliste: Core Web Vitals bestehen

Hier die wichtigsten Maßnahmen als Checkliste:

LCP (unter 2.500 ms):

  • Hero-Bild optimiert (WebP, richtige Größe)?
  • LCP-Bild mit preload und fetchpriority?
  • Server-seitiges Caching aktiv?
  • TTFB unter 800 ms?
  • Render-blockierende Scripts entfernt oder deferred?

CLS (unter 0,1):

  • Alle Bilder mit width/height Attributen?
  • Werbeflächen mit fester Höhe reserviert?
  • Fonts mit font-display: swap geladen?
  • Kein Slider/Karussell ohne reservierten Platz?

INP (unter 200 ms):

  • Unnötige JS-Plugins deaktiviert?
  • Alle Scripts mit defer geladen?
  • Keine Long Tasks über 50 ms im Hauptthread?
  • Tag Manager aufgeräumt?

Fazit

Core Web Vitals zu bestehen ist ein systematischer Prozess:

  1. Messen — synthetisch und mit echten Nutzerdaten
  2. Priorität setzen — welches Signal ist am schlechtesten?
  3. Gezielt optimieren — eine Änderung nach der anderen
  4. Baseline setzen — Fortschritt dokumentieren
  5. Dauerhaft monitoren — Verschlechterungen sofort erkennen

Jetzt kostenlos starten — Core Web Vitals analysieren

turbometrics kostenlos testen

Scans, Monitoring und Live-Daten — kostenlos starten, kein Abo nötig.

Jetzt kostenlos starten