Langsame Websites kosten Besucher, Anfragen und Umsatz. Mit den Core Web Vitals misst Google, wie schnell und stabil sich eine Seite für echte Nutzer anfühlt. Dieser Ratgeber erklärt die drei Messwerte, zeigt, wie Sie sie richtig messen, und nennt die Maßnahmen, die bei WordPress-Websites am meisten bewirken.
Kurz gesagt: Die Core Web Vitals messen Ladezeit (LCP), Reaktionsfähigkeit (INP) und visuelle Stabilität (CLS). Gute Werte sind ein LCP bis 2,5 Sekunden, ein INP bis 200 Millisekunden und ein CLS bis 0,1 – gemessen bei 75 Prozent der echten Seitenaufrufe. Die wirksamsten Hebel bei WordPress sind eine schnelle Serverantwort, Seiten-Caching, optimierte Bilder, weniger JavaScript und feste Größenangaben für Bilder und Einbettungen.
Was sind die Core Web Vitals?
Die Core Web Vitals sind drei Messwerte, mit denen Google die Nutzererfahrung einer Webseite bewertet: Wie schnell erscheint der wichtigste Inhalt, wie schnell reagiert die Seite auf Eingaben, und wie ruhig bleibt das Layout beim Laden? Seit März 2024 ersetzt Interaction to Next Paint (INP) den früheren Wert First Input Delay (FID).
| Messwert | Was er misst | Gut | Verbesserungswürdig | Schlecht |
|---|---|---|---|---|
| Largest Contentful Paint (LCP) | Ladezeit des größten sichtbaren Elements, meist Titelbild oder Überschrift | bis 2,5 s | 2,5 bis 4 s | über 4 s |
| Interaction to Next Paint (INP) | Reaktionszeit auf Klicks, Tipps und Tastatureingaben | bis 200 ms | 200 bis 500 ms | über 500 ms |
| Cumulative Layout Shift (CLS) | Unerwartetes Verrutschen von Inhalten während des Ladens | bis 0,1 | 0,1 bis 0,25 | über 0,25 |
Wie messen Sie die Core Web Vitals richtig?
Maßgeblich sind die Felddaten echter Besucher, nicht einzelne Labormessungen. Google wertet die Daten des Chrome User Experience Report über einen gleitenden Zeitraum von 28 Tagen aus und betrachtet das 75. Perzentil. Labortools wie Lighthouse helfen bei der Fehlersuche, bilden aber nur einen einzelnen simulierten Seitenaufruf ab.
- PageSpeed Insights: zeigt Felddaten (sofern genug Besucher vorhanden sind) und eine Labormessung mit konkreten Hinweisen.
- Google Search Console: Der Bericht „Core Web Vitals“ gruppiert alle URLs Ihrer Website nach gut, verbesserungswürdig und schlecht.
- Lighthouse in Chrome: Labormessung für die Fehlersuche direkt im Browser.
- Web-Vitals-Erweiterung: zeigt die Werte beim eigenen Surfen in Echtzeit an.
Wie verbessern Sie den Largest Contentful Paint (LCP)?
Den LCP verbessern Sie vor allem durch eine schnelle Serverantwort und ein schnell geladenes Hauptelement. Bei WordPress entscheidet die Zeit bis zum ersten Byte (TTFB) oft schon die Hälfte: Ohne Seiten-Caching muss WordPress jede Seite bei jedem Aufruf neu aus PHP und Datenbank zusammenbauen.
- Seiten-Caching aktivieren, damit fertige HTML-Seiten direkt ausgeliefert werden.
- Aktuelle PHP-Version, OPcache und bei großen Websites einen Objekt-Cache (z. B. Redis) nutzen.
- Das LCP-Bild nicht per Lazy Loading verzögern und mit hoher Ladepriorität (fetchpriority) laden.
- Bilder in modernen Formaten wie WebP oder AVIF und in passender Größe ausliefern.
- Ein CDN für Bilder, CSS und JavaScript einsetzen, besonders bei Besuchern aus mehreren Ländern.
- Webfonts lokal hosten, vorladen und mit font-display: swap einbinden.
- Render-blockierendes CSS reduzieren und nicht benötigte Stylesheets entfernen.
Wie verbessern Sie die Interaction to Next Paint (INP)?
Einen schlechten INP verursacht fast immer zu viel JavaScript, das den Browser blockiert, während Nutzer klicken oder tippen. Bei WordPress stammen diese Skripte meist von Page-Builder-Erweiterungen, Slidern, Chat-Widgets, Tracking-Codes und Cookie-Bannern. Jedes Skript, das nicht geladen wird, verbessert die Reaktionsfähigkeit.
- Plugins entfernen, deren Funktion nicht wirklich gebraucht wird.
- Drittanbieter-Skripte wie Chat, Karten oder Videos erst bei Interaktion oder nach dem Laden nachladen.
- JavaScript nur auf den Seiten laden, auf denen es benötigt wird.
- Lange Aufgaben im Browser identifizieren (Chrome DevTools, Bereich Performance) und die Verursacher ersetzen.
- Animationen und Effekte sparsam einsetzen, besonders auf Mobilgeräten.
Wie verbessern Sie den Cumulative Layout Shift (CLS)?
Layoutverschiebungen verhindern Sie, indem Sie für jedes nachgeladene Element vorab Platz reservieren. Typische Ursachen sind Bilder ohne Größenangabe, spät eingeblendete Banner, eingebettete Videos und Webfonts, die nach dem Laden die Textbreite verändern.
- Bildern und Videos immer Breite und Höhe oder ein festes Seitenverhältnis geben.
- Cookie-Banner als Overlay einblenden statt Inhalte nach unten zu schieben.
- Platz für Werbung, Karten und Einbettungen per CSS reservieren.
- Keine Inhalte oberhalb bereits sichtbarer Bereiche nachträglich einfügen.
- Webfonts mit passenden Ersatzschriften und ähnlichen Maßen kombinieren.
In welcher Reihenfolge sollten Sie vorgehen?
Beginnen Sie mit den Maßnahmen, die mit wenig Aufwand die größte Wirkung haben. Die folgende Tabelle zeigt eine bewährte Reihenfolge für typische WordPress-Unternehmenswebsites.
| Maßnahme | Verbessert | Wirkung | Aufwand |
|---|---|---|---|
| Seiten-Caching einrichten | LCP | hoch | gering |
| Bilder komprimieren, WebP, passende Größen | LCP | hoch | gering bis mittel |
| Bildgrößen im HTML angeben | CLS | hoch | gering |
| Unnötige Plugins und Skripte entfernen | INP, LCP | hoch | mittel |
| Drittanbieter-Skripte verzögert laden | INP | mittel bis hoch | mittel |
| CDN einsetzen | LCP | mittel | gering |
| Hosting und PHP-Version modernisieren | LCP | hoch | mittel |
Welche WordPress-Bremsen treten am häufigsten auf?
- Kein oder falsch konfiguriertes Caching.
- Unkomprimierte Bilder direkt aus der Kamera oder Stockfoto-Datenbank.
- Page Builder mit vielen Zusatzmodulen, die auf jeder Seite geladen werden.
- Slider und Videos im oberen Bildschirmbereich.
- Veraltete PHP-Versionen und überlastete günstige Shared-Hosting-Tarife.
- Eine Vielzahl von Tracking- und Marketing-Skripten.
Warum sind die mobilen Werte schlechter als am Desktop?
Mobile Werte fallen fast immer schlechter aus, weil Smartphones weniger Rechenleistung haben und oft über langsamere Mobilfunkverbindungen laden. Google bewertet für die Suche vorrangig die mobile Version einer Website. Optimieren Sie deshalb zuerst für Mobilgeräte – Verbesserungen dort wirken sich fast immer auch am Desktop positiv aus.
Besonders stark bremst JavaScript auf Mobilgeräten: Ein Skript, das am Desktop 50 Millisekunden benötigt, kann auf einem durchschnittlichen Smartphone ein Vielfaches davon brauchen. Prüfen Sie daher gezielt, welche Elemente mobil wirklich nötig sind. Große Hintergrundvideos, aufwendige Animationen und Slider mit vielen Bildern lassen sich auf kleinen Bildschirmen oft durch ein einzelnes, gut komprimiertes Bild ersetzen, ohne dass die Seite an Wirkung verliert.
Wie wichtig sind die Core Web Vitals für SEO?
Die Core Web Vitals sind ein bestätigter, aber nicht der wichtigste Rankingfaktor. Relevanz und Qualität der Inhalte zählen mehr. Bei ähnlich guten Inhalten kann die bessere Nutzererfahrung jedoch den Ausschlag geben. Unabhängig vom Ranking wirken sich schnelle Ladezeiten direkt auf Absprungrate, Anfragen und Verkäufe aus – besonders auf Mobilgeräten.
Häufige Fragen zu Core Web Vitals
Wie schnell wirken sich Verbesserungen aus?
Labormessungen zeigen Verbesserungen sofort. Die Felddaten in PageSpeed Insights und der Search Console beruhen auf einem 28-Tage-Zeitraum, deshalb dauert es bis zu vier Wochen, bis sich die Werte vollständig aktualisieren.
Brauche ich ein Caching-Plugin?
Ja, sofern Ihr Hosting kein serverseitiges Caching bereitstellt. Seiten-Caching ist die wirksamste Einzelmaßnahme für den LCP bei WordPress. Wichtig ist, nur eine Caching-Lösung zu verwenden, damit sich Plugins nicht gegenseitig stören.
Warum schwanken die PageSpeed-Werte bei jeder Messung?
Die Labormessung simuliert ein durchschnittliches Mobilgerät und ist anfällig für Netzwerk- und Serverschwankungen. Für Entscheidungen sind die Felddaten der letzten 28 Tage aussagekräftiger als ein einzelner Punktwert.
Muss meine Website 100 Punkte bei PageSpeed erreichen?
Nein. Entscheidend ist, dass alle drei Core Web Vitals im grünen Bereich liegen. Ein Punktwert zwischen 80 und 100 ist für die meisten Unternehmenswebsites ein realistisches und ausreichendes Ziel.
Hilft ein CDN bei den Core Web Vitals?
Ein CDN verkürzt die Wege für Bilder, Stylesheets und Skripte und verbessert damit vor allem den LCP. Den größten Effekt hat es bei Besuchern aus mehreren Ländern und bei bildlastigen Seiten.
Fazit
Gute Core Web Vitals sind bei WordPress kein Zufall, sondern das Ergebnis weniger, konsequent umgesetzter Maßnahmen: Caching, optimierte Bilder, schlanke Plugins und reservierter Platz für nachgeladene Inhalte. Wichtig ist, die Werte nach jedem Update im Blick zu behalten, denn neue Plugins und Skripte verschlechtern sie schleichend. Unsere WordPress Performance-Optimierung misst, optimiert und hält die Ergebnisse dauerhaft stabil.
Weitere Beiträge
WordPress Wartung selbst machen oder auslagern? Der VergleichWas zur WordPress Wartung gehört, wie viel Zeit sie kostet und wann sich ein externer Wartungsservice lohnt –…
WordPress gehackt – was tun? Die Anleitung Schritt für SchrittWoran Sie einen Hack erkennen, was Sie in der ersten Stunde tun sollten, wie Sie Malware entfernen, die…
Wie oft sollte man WordPress updaten?Wie oft Sie WordPress-Kern, Plugins und Themes aktualisieren sollten, wie ein sicheres Update abläuft und wann automatische Updates…Updates, Backups und Sicherheit – von uns übernommen
Ab 39 € pro Monat, monatlich kündbar, hostingunabhängig.
