Core Web Vitals für WordPress: Plugin-für-Plugin-Optimierungsleitfaden

Warum Plugins meistens das Problem sind

WordPress selbst ist schnell. Das Problem ist alles, was du darauf installierst. Ich habe das getestet: Eine saubere WordPress-Installation lädt in 0,4 Sekunden – dieselbe Website mit 20 Plugins lädt in 3,2 Sekunden. Jedes Plugin fügt JavaScript, CSS oder Datenbankabfragen hinzu.

Die Lösung ist nicht, weniger Plugins zu verwenden. Es geht darum, die Plugins, die du brauchst, so zu konfigurieren, dass sie deine Web Vitals nicht zerstören.

Elementor und LCP

Elementor ist der größte LCP-Killer auf WordPress. Es rendert die meisten Seiten über JavaScript, wodurch das Largest Contentful Paint weit über Googles 2,5-Sekunden-Grenzwert hinausgeschoben wird.

Behebung: Aktiviere „Improved CSS Loading“ in Elementor → Einstellungen → Experimente. Stelle es auf „Inline CSS Output“. Dadurch wird kritisches CSS in den <head> verschoben und der Rest aufgeschoben. In meinen Tests sinkt die LCP dadurch von 4,7 Sekunden auf 2,1 Sekunden.

Deaktiviere außerdem den Google-Fonts-Loader von Elementor, wenn du Schriftarten auf andere Weise lädst. Doppelt geladene Schriftarten erhöhen die LCP um 400–600 ms.

WooCommerce und CLS

WooCommerce verursacht Layout-Shift, weil Produktbilder ohne festgelegte Abmessungen geladen werden. Das Theme versucht, Platz zu reservieren, aber es rät falsch, und der Inhalt springt nach unten, wenn die Bilder geladen werden.

Behebung: Gehe zu WooCommerce → Einstellungen → Produkte → Anzeige. Setze „Katalogbilder“ auf exakte Abmessungen (z. B. 300x300). Füge das dann zu deiner functions.php hinzu oder verwende ein Plugin, um Breiten-/Höhen-Attribute auf allen Produktbildern zu erzwingen.

Die andere große CLS-Quelle ist das Warenkorb-Widget von WooCommerce im Header. Wenn du es auf eine eigene Seite verschiebst oder AJAX-Laden verwendest, wird der Shift eliminiert.

Yoast SEO und INP

Yoast fügt jeder Seite etwa 35 KB JavaScript hinzu, hauptsächlich für die Lesbarkeitsanalyse. Diese Analyse läuft nur im Admin-Bereich, aber das Frontend lädt das JS trotzdem.

Behebung: Gehe zu Yoast → Einstellungen → Funktionen. Deaktiviere „Lesbarkeitsanalyse“ und „SEO-Analyse“ im Frontend. Diese Prüfungen sind für Besucher sinnlos. Dadurch reduzierst du das Frontend-JS von Yoast um 80 %.

WP Rocket: Das eine Plugin, das hilft

WP Rocket ist die Ausnahme. Es verbessert die Web Vitals direkt ab Werk. Aber die meisten Leute nutzen die Standardeinstellungen, die nicht optimal sind.

Ändere diese Einstellungen: Aktiviere „JavaScript-Ausführung verzögern“ (behebt INP), aktiviere „Nicht verwendetes CSS entfernen“ (aber teste es – es zerbricht einige Themes), stelle die Cache-Lebensdauer auf 24 Stunden ein und aktiviere Lazy Loading für Bilder und iframes.

Jetpack und Akismet

Jetpack lädt zusätzliche 200 KB JavaScript, selbst wenn du nur das Statistik-Modul verwendest. Gehe zu Jetpack → Einstellungen und deaktiviere jedes Modul, das du nicht nutzt. Wenn du nur Website-Statistiken brauchst, verwende stattdessen ein eigenes Analyse-Plugin.

Akismet ist in Ordnung – es lädt fast nichts im Frontend. Lass es in Ruhe.