WordPress Core Web Vitals optimieren: LCP, INP & CLS verbessern (2026)

Was sind Core Web Vitals und warum sind sie ein Rankingfaktor?

Seit dem Google Page Experience Update sind Core Web Vitals ein direkter Rankingfaktor — Google bewertet damit, wie schnell und stabil deine Website für echte Nutzer lädt.

Die drei Metriken im Überblick:

LCP (Largest Contentful Paint): Wie schnell lädt das größte sichtbare Element? Ziel: unter 2,5 Sekunden.
INP (Interaction to Next Paint): Wie schnell reagiert die Seite auf Nutzereingaben? Ziel: unter 200 ms.
CLS (Cumulative Layout Shift): Wie stabil ist das Layout beim Laden? Ziel: unter 0,1.

Laut einer Analyse von HTTP Archive erfüllen nur 44 % aller WordPress-Websites alle drei Metriken auf Mobilgeräten. Das ist deine Chance, Konkurrenten zu überholen.

Diagnose: Wo stehst du gerade?

Bevor du optimierst, musst du messen. Diese Tools zeigen dir deine aktuelle Performance:

Google PageSpeed Insights analysiert eine URL sowohl im Lab- als auch im Field-Daten-Modus (echte Nutzerdaten aus dem Chrome User Experience Report). Gib deine wichtigsten Seiten ein — Homepage, Kategorienseiten, Produktseiten.

Google Search Console → Core Web Vitals-Bericht zeigt dir alle Seiten deiner Domain, die als "schlecht" oder "verbesserungswürdig" eingestuft sind. Das ist der wichtigste Ausgangspunkt, weil Google genau diese Daten für das Ranking verwendet.

WebPageTest.org ermöglicht Tests mit verschiedenen Geräten und Netzwerkgeschwindigkeiten — ideal, um mobiles Nutzererlebnis realistisch zu simulieren.

LCP verbessern: Das größte Element schneller laden

LCP wird in den meisten WordPress-Websites von einem Hero-Bild, einem H1-Titel oder einem großen Video-Thumbnail bestimmt.

Hero-Bilder optimieren:

Bilder im WebP-Format liefern (30–50 % kleiner als JPEG/PNG)
Das LCP-Bild mit fetchpriority="high" markieren:
Lazy Loading für das LCP-Bild explizit deaktivieren: loading="eager"

TTFB (Time to First Byte) reduzieren: Ein langsamer Server verzögert alles. Prüfe deinen Hosting-Anbieter — für WordPress empfehlen sich Anbieter mit Server-Side Caching. Ziel: TTFB unter 800 ms.

Kritisches CSS inline laden: CSS-Dateien blockieren das Rendering. Tools wie WP Rocket oder NitroPack können kritisches CSS automatisch extrahieren und inline in den laden, während der Rest asynchron nachgeladen wird.

Empfohlene Plugins für LCP:

WP Rocket — All-in-One-Lösung mit Preloading, kritischem CSS und TTFB-Optimierung
Imagify / ShortPixel — automatische WebP-Konvertierung und Komprimierung
Cloudflare (kostenlos) — CDN reduziert TTFB global erheblich

INP verbessern: Seite auf Eingaben reagieren lassen

INP ersetzt seit 2024 den alten FID-Wert und misst die Reaktionszeit auf alle Nutzerinteraktionen (Klicks, Taps, Tastatureingaben).

JavaScript-Bloat reduzieren: Jedes unnötige Plugin lädt JavaScript. Deaktiviere Plugins, die du nicht brauchst. Mit dem Chrome DevTools Performance-Tab kannst du sehen, welche Scripts am längsten blockieren.

Scripts verzögert laden: Plugins wie Perfmatters erlauben es, Scripts nur auf bestimmten Seiten oder erst nach Nutzerinteraktion zu laden (defer, async).

Render-blocking Ressourcen eliminieren: Scripts im ohne defer oder async blockieren das Rendering komplett. Die meisten modernen Plugins laden korrekt, aber ältere Themes und Plugins tun es oft nicht.

WordPress-Themes und INP: Schwere Page-Builder wie Elementor und Divi laden viel JavaScript. Wenn INP ein kritisches Problem ist, prüfe, ob ein leichtgewichtigeres Theme eine Option ist. AniSEO unterstützt Elementor, Divi und Gutenberg — bei Gutenberg ist die JavaScript-Last in der Regel am geringsten.

CLS eliminieren: Keine springenden Layouts

Nichts frustriert Nutzer mehr als eine Seite, die sich beim Laden verschiebt und sie auf den falschen Button klicken lässt.

Bilder immer mit Dimensionen: Ohne width und height Attribute weiß der Browser nicht, wie viel Platz ein Bild braucht, bevor es lädt:

<img src="bild.webp" width="800" height="450" alt="..." />

Webfonts stabilisieren: Custom Fonts verursachen Flash of Invisible Text (FOIT) oder Flash of Unstyled Text (FOUT). Lösung: font-display: swap in der CSS-Deklaration. Noch besser: Fonts lokal hosten statt von Google Fonts laden.

Werbe- und Embed-Platzhalter reservieren: Wenn Werbeanzeigen, YouTube-Embeds oder Cookie-Banner nachträglich in die Seite eingefügt werden, verschiebt sich das Layout. Reserviere immer feste Höhe für solche Elemente per CSS.

Sticky-Banner und Popups: Elemente, die erst nach dem Laden erscheinen und Platz wegnehmen, erhöhen den CLS-Wert. Setze sie entweder fixed (außerhalb des normalen Layouts) oder reserviere von Anfang an den Platz.

Monitoring: Werte dauerhaft im Blick behalten

Die Optimierung ist nicht einmalig. Jedes neue Plugin, jedes Theme-Update kann Core Web Vitals verschlechtern.

Google Search Console zeigt dir automatisch, wenn Seiten in die "schlecht"-Kategorie rutschen.

AniSEO überwacht deine WordPress-Seite kontinuierlich und schlägt dir aktiv Optimierungen vor — bevor ein Ranking-Verlust eintritt.

Core Web Vitals mit AniSEO automatisch überwachen →

Weiterführende Artikel: