WordPress schneller machen: Core Web Vitals verbessern (LCP, INP, CLS)

Eine langsame WordPress-Website verliert Besucher, Anfragen und Sichtbarkeit. Google bewertet die Nutzererfahrung über die Core Web Vitals, und Besucher beurteilen sie über ihr Bauchgefühl, nach zwei, drei Sekunden Wartezeit. Dieser Leitfaden zeigt, wie Sie WordPress schneller machen, und zwar in der Reihenfolge, die den größten Effekt bringt.

Die drei Messwerte und ihre Zielwerte

Die Core Web Vitals bestehen aus drei Kennzahlen, die laut web.dev für mindestens 75 Prozent der Seitenaufrufe im grünen Bereich liegen sollen:

• LCP (Largest Contentful Paint): Ladezeit des größten sichtbaren Elements. Gut ist 2,5 Sekunden oder weniger.
• INP (Interaction to Next Paint): Reaktionszeit auf Klicks und Eingaben. Gut ist 200 Millisekunden oder weniger. INP hat den früheren Wert FID abgelöst.
• CLS (Cumulative Layout Shift): Stabilität des Layouts. Gut ist 0,1 oder weniger.

Messen Sie zuerst mit PageSpeed Insights und dem Core-Web-Vitals-Bericht der Search Console. Entscheidend sind die Felddaten echter Nutzer, nicht nur der Laborwert. Google erklärt die Bedeutung für die Suche unter Core Web Vitals und Google Suche.

Unterscheiden Sie Labordaten und Felddaten. Lighthouse und PageSpeed Insights simulieren einen Aufruf und eignen sich zur Fehlersuche. Der Core-Web-Vitals-Bericht in der Search Console zeigt dagegen, wie echte Besucher Ihre Seite erleben. Testen Sie Mobilgeräte mit gedrosselter Verbindung, denn ein Entwicklerrechner mit Glasfaser täuscht über die Realität hinweg.

Hosting und Caching: Das Fundament

Kein Plugin gleicht einen schwachen Server aus. Prüfen Sie diese Basis:

• Aktuelle PHP-Version mit OPcache. Ältere Versionen sind langsamer und unsicher.
• Seiten-Cache: Statische HTML-Ausgabe für Besucher spart Datenbankabfragen und senkt die Serverantwortzeit (TTFB) erheblich.
• Objekt-Cache (zum Beispiel Redis) für dynamische Seiten und Shops.
• CDN für statische Dateien, wenn Ihre Besucher aus vielen Regionen kommen. Achten Sie auf einen Anbieter mit Auftragsverarbeitungsvertrag und EU-Verarbeitung, damit die DSGVO erfüllt bleibt.
• Server-Standort in der Nähe Ihrer Zielgruppe, bei deutschsprachigen Kunden idealerweise in Deutschland.

Als Richtwert für die Serverantwortzeit (TTFB) nennt web.dev 0,8 Sekunden oder weniger. Liegt Ihr Wert deutlich darüber, bringen Optimierungen im Frontend nur begrenzt etwas, denn der Browser wartet dann schon zu Beginn auf den Server.

LCP verbessern: Bilder und kritische Ressourcen

Bei den meisten WordPress-Seiten ist das LCP-Element ein Hero-Bild oder eine große Überschrift. Diese Maßnahmen wirken am stärksten, mehr dazu in der web.dev-Anleitung zur LCP-Optimierung:

1. Hero-Bild in modernem Format (WebP oder AVIF) und in passender Größe ausliefern.
2. Das LCP-Bild nicht per Lazy Loading verzögern, sondern mit hoher Priorität laden (fetchpriority=high).
3. Bilder unterhalb des sichtbaren Bereichs dagegen mit loading=lazy laden.
4. Schriftarten lokal hosten und mit font-display versehen. Das spart Verbindungsaufbau und ist zugleich datenschutzfreundlicher als der Abruf von Google-Servern.
5. Render-blockierendes CSS und JavaScript reduzieren, kritisches CSS inline ausliefern.

Ersetzen Sie wenn möglich Hero-Slider und automatisch startende Videos durch ein einzelnes, gut komprimiertes Bild. Slider laden mehrere große Bilder und Skripte, obwohl Besucher meist nur die erste Folie sehen, und sie verschlechtern LCP und Lesbarkeit gleichermaßen.

INP verbessern: JavaScript im Griff behalten

Schlechte Interaktionswerte entstehen fast immer durch zu viel JavaScript im Hauptthread. Typische Verursacher sind Page Builder, Slider, Chat-Widgets, Tracking-Skripte und Cookie-Banner. Prüfen Sie, welche Skripte auf welchen Seiten wirklich nötig sind, und laden Sie den Rest nur bedarfsgerecht oder mit defer. Binden Sie Tracking erst nach Einwilligung im Cookie-Consent ein, das ist rechtlich geboten und spart zugleich Ladezeit. Mehr zur Messung erklärt web.dev zu INP.

Prüfen Sie nach jeder Änderung mehrere Seitentypen, nicht nur die Startseite: Beitrag, Leistungsseite, Kategorie und Formularseite haben oft ganz unterschiedliche Engpässe. Die Search Console gruppiert ähnliche Seiten und zeigt, welche Gruppe noch schlechte Werte hat. So wissen Sie, wo sich der Aufwand lohnt.

CLS verbessern: Layout stabil halten

• Setzen Sie bei Bildern, Videos und Einbettungen immer width und height beziehungsweise ein festes Seitenverhältnis.
• Reservieren Sie Platz für Werbung, Banner und dynamische Inhalte.
• Gestalten Sie den Cookie-Banner so, dass er keinen Inhalt nach unten schiebt, zum Beispiel als Overlay am Seitenrand.
• Vermeiden Sie spät nachgeladene Schriftarten, die Text verspringen lassen.

Plugins, Theme und Datenbank aufräumen

Jedes Plugin lädt Code, auch auf Seiten, auf denen es nichts tut. Erstellen Sie eine Liste aller Plugins und entfernen Sie alles Überflüssige. Ersetzen Sie mehrere Fertig-Plugins für Kleinigkeiten durch eine schlanke, individuell entwickelte Lösung. Das verbessert Geschwindigkeit und Sicherheit gleichermaßen. Räumen Sie außerdem alte Revisionen, abgelaufene Transients und große autoload-Optionen in der Datenbank auf.

Typische Kandidaten für einen Plugin-Audit sind:

• Mehrere Plugins mit überlappender Funktion, etwa zwei Cache- oder zwei SEO-Plugins
• Slider, Animationspakete und Social-Feeds, die auf jeder Seite Skripte laden
• Statistik- und Tracking-Plugins, die ohne Einwilligung Skripte einbinden
• Ungenutzte Page-Builder-Erweiterungen und Icon-Bibliotheken
• Sicherheits- und Backup-Plugins, die zu häufig im Hintergrund laufen

Auch das Theme zählt: Überladene Multi-Purpose-Themes mit Dutzenden Skripten sind ein häufiger Bremsklotz. Wenn eine Website grundsätzlich an Grenzen stößt, lohnt der Blick auf eine andere Architektur, wie im Vergleich Next.js oder WordPress beschrieben. Für Shops lesen Sie ergänzend WooCommerce Performance und Conversion.

Beachten Sie auch den Einfluss von Drittanbieter-Inhalten. Eingebettete Karten, Videos und Social-Media-Feeds laden eigenen Code und Cookies und bremsen die Seite. Nutzen Sie Vorschaubilder, die erst nach einem Klick den eigentlichen Inhalt laden. Das verbessert die Ladezeit und ist zugleich datenschutzfreundlich, weil erst nach Zustimmung Verbindungen zu Dritten entstehen.

Dokumentieren Sie den Ausgangszustand mit Messwerten und Screenshots der Berichte. So können Sie Verbesserungen belegen und erkennen frühzeitig, wenn ein neues Plugin oder ein Theme-Update die Werte wieder verschlechtert.

Vorgehen in der Praxis

Arbeiten Sie nach Priorität: erst Hosting und Cache, dann LCP-Bild, dann Skripte, zuletzt Feinheiten. Messen Sie nach jeder Änderung neu, und prüfen Sie Mobil- und Desktop-Werte getrennt, denn Mobilgeräte sind meist der Engpass. Ein Performance-Budget, etwa maximale Seitengröße und Anzahl der Skripte, verhindert, dass sich Fortschritte bei späteren Änderungen wieder auflösen.

Wir optimieren Core Web Vitals im Rahmen von Webdesign und SEO Dienstleistungen und liefern konkrete Messwerte vorher und nachher. Wenn Ihre WordPress-Seite zu langsam ist, nehmen Sie Kontakt auf. Wir prüfen, wo die größten Hebel liegen.

Teilen:XLinkedInWhatsApp