WP Rocket: Serverlast durch „Ungenutztes CSS entfernen“ (RUCSS) reduzieren

Die WP-Rocket-Funktion Ungenutztes CSS entfernen (Remove Unused CSS, kurz RUCSS) erzeugt für jede Seite deiner Website eine eigene, schlanke CSS-Datei mit nur den Styles, die auf dieser Seite wirklich gebraucht werden. Das verbessert die Ladezeit, ist aber aufwendig: Jede Seite muss dafür analysiert und anschließend neu in den Cache gelegt werden. Nach dem Leeren des Caches oder nach größeren Änderungen läuft das zusammen mit dem Preload für sehr viele Seiten gleichzeitig. Bei großen Websites oder Shops kann das deinen Server deutlich belasten. In diesem Artikel erfährst du, wie du das erkennst und mit welchen Einstellungen und Hilfs-Plugins von WP Rocket du die Last reduzierst.

Voraussetzungen

• Auf deiner Website ist WP Rocket installiert und aktiv (bei HostPress Teil von RocketCache®).
• Die Option „Ungenutztes CSS entfernen“ ist aktiviert.
• Du hast Administrator-Zugriff auf dein WordPress-Backend.

Schritt-für-Schritt-Anleitung

1. Prüfen, ob RUCSS die Ursache sein kann

• Die Website wird langsam oder läuft in Timeouts, kurz nachdem du den Cache oder das „Used CSS“ geleert, ein Update eingespielt oder viele Inhalte geändert hast.
• Deine Website hat viele Unterseiten, z. B. Produkte, Kategorien oder Blog-Archive.
• Das Problem verschwindet nach einiger Zeit von selbst, wenn alle Seiten verarbeitet sind.

Treffen mehrere Punkte zu, lohnt es sich, RUCSS und den Preload anzupassen. Ob dein Server tatsächlich an seine Grenzen gestoßen ist, kann dir der HostPress-Support anhand des Monitorings sagen.

2. Cache und Used CSS nur gezielt leeren

Jedes vollständige Leeren des Caches oder des Used CSS startet die Verarbeitung für alle Seiten neu. Leere deshalb nach Änderungen möglichst nur den Cache der betroffenen Seite und den gesamten Cache nur zu ruhigen Zeiten, z. B. abends.

3. Passendes Hilfs-Plugin von WP Rocket nutzen

WP Rocket bietet für RUCSS mehrere kleine Hilfs-Plugins (Helper) an. Wähle das Plugin, das zu deinem Problem passt:

• Customize RUCSS Parameters: Passt Tempo und Umfang der RUCSS-Verarbeitung im Hintergrund und im Preload an. Das ist das wichtigste Plugin bei Serverlast. → Anleitung von WP Rocket
• Conditionally Disable RUCSS: Schaltet RUCSS für bestimmte URL-Pfade oder Seiten ab, z. B. für Bereiche mit sehr vielen Unterseiten. Die gewünschten Pfade trägst du vorher im Plugin-Code ein. → Anleitung von WP Rocket
• No Optimized CSS Delivery on Mobile: Deaktiviert RUCSS bzw. das asynchrone Laden von CSS nur auf Mobilgeräten, auf dem Desktop bleibt die Optimierung aktiv. → Anleitung von WP Rocket
• RUCSS Set Minimum Acceptable Size: Verwirft erzeugte CSS-Dateien unterhalb einer Mindestgröße (standardmäßig etwa 10 KB). Das verhindert fehlerhafte Layouts nach einer fehlgeschlagenen Erzeugung. → Anleitung von WP Rocket
• Modify Used CSS: Damit kannst du einzelne CSS-Regeln gezielt bearbeiten, filtern oder ausschließen, wenn die normale Safelist ein kaputtes Layout nicht behebt. → Anleitung von WP Rocket

4. Hilfs-Plugin installieren

1. Lade die ZIP-Datei des Hilfs-Plugins aus der verlinkten Anleitung von WP Rocket oder aus dem offiziellen GitHub-Repository herunter.
2. Muss das Plugin angepasst werden (z. B. Ziel-URLs oder Regeln), entpacke die ZIP-Datei, bearbeite die PHP-Datei mit einem Texteditor nach der Anleitung in der README.md und packe den Ordner wieder als ZIP-Datei.
3. Gehe im WordPress-Backend zu Plugins → Neues Plugin hinzufügen → Plugin hochladen, wähle die ZIP-Datei aus und klicke auf Jetzt installieren.
4. Aktiviere das Plugin und leere anschließend den Cache von WP Rocket, am besten zu einer ruhigen Zeit.

5. Letzte Option: RUCSS deaktivieren

Helfen die Schritte oben nicht, kannst du in WP Rocket unter der CSS-Optimierung statt „Ungenutztes CSS entfernen“ die Option „CSS asynchron laden“ wählen oder die Optimierung der CSS-Auslieferung ganz ausschalten. Die Website lädt dann etwas mehr CSS, der Server wird aber nicht mehr durch die RUCSS-Verarbeitung belastet.

6. Ergebnis kontrollieren

Beobachte deine Website nach den Änderungen und dem nächsten Leeren des Caches 30–60 Minuten lang. Bleibt sie stabil, war die Anpassung erfolgreich. Prüfe außerdem stichprobenartig, ob das Layout wichtiger Seiten korrekt angezeigt wird.

Fazit & Support-Hinweis

„Ungenutztes CSS entfernen“ macht deine Website schneller, kann aber zusammen mit dem Preload nach dem Leeren des Caches viel Serverlast erzeugen. Wenn du den Cache gezielt leerst, die RUCSS-Verarbeitung mit dem passenden Hilfs-Plugin drosselst oder RUCSS für bestimmte Bereiche abschaltest, vermeidest du solche Lastspitzen. Bist du unsicher, ob RUCSS die Ursache für Probleme auf deiner Website ist? Dann wende dich mit dem genauen Zeitpunkt an den HostPress-Support. Wir prüfen im Monitoring, ob dein Server zu diesem Zeitpunkt ausgelastet war, und helfen dir bei der passenden Einstellung.