Das ultimative WP-Rocket Tutorial für 2023!

10. November 2022 - WordPress

WP-Rocket* ist aus nach unserer Sicht das beste Caching Plugin für WordPress. Hinsichtlich der Geschwindigkeitsoptimierung ist es zwar stets besser, den Cache durch den Server ausliefern zu lassen, aber nicht jedes Webhosting bietet diese Möglichkeit. 

Der größte Vorteil von WP-Rocket ist es, dass es so viele Tools zur Optimierung deiner Geschwindigkeit kombiniert. Somit kannst du auf mindestens 6 weitere Plugins zur Speedoptimierung verzichten!

Um dir einen ungefähren Vergleich zu geben, was die Optimierung durch Wp-Rocket ausmacht, ein kurzer Vergleich in Pagespeed Insights.

Vor der Optimierung durch WP-Rocket
Nach der Optimierung durch WP-Rocket

Weitere Vorteile sind die breite Kompatibilität mit Plugins, Multisite und Shopsystemen wie WooCommerce. Und das alles vereint in einem schlichten User Interface. Muss ich echt noch weitere Gründe aufzählen, warum ich kompromisslos bereit bin, 44€ für dieses Plugin zu bezahlen?

Wie richtige ich WP-Rocket perfekt ein?

Das WP-Rocket Dashboard

Ihr findet die Einstellungen im Backend von WordPress unter “Einstellungen > WP-Rocket”.

Das Dashboard dient als dein persönlicher Einstieg in das Plugin. Hier findest du Links zur Dokumentation, häufig gestellte Fragen und die Möglichkeit den Support zu kontaktieren.

Rocket Tester: Beim aktivieren dieser Option erhältst du Zugriff auf Beta Updates. Also Updates die noch in der Testphase sind. Sofern deine Seite keine Probleme macht, empfehle ich dir diese Option zu deaktivieren.

Rocket Analytics: Damit stimmst du zu, dass du WP-Rocket anonymisierte Daten bereitstellst, die zur Verbesserung des Plugins beitragen. Das hat einen minimalen Effekt auf die Ladegeschwindigkeit der Webseite. Ich empfehle dir aber diese Option zu deaktivieren.

RocketCDN: Seit März bietet WP-Rocket zusätzlich zum Plugin noch einen CDN Dienst an, der zusätzlich zur Geschwindigkeit deiner Webseite beitragen kann. Allerdings lohnt sich so ein Service nur für stark besuchte Seiten oder einem internationalen Publikum. Der Dienst kostet 7,99€ und wird nach Kauf automatisch im Plugin konfiguriert.

Tipp: Statt die 8€ in einen CDN zu investieren, empfehle ich dir das Geld lieber in ein besseres Webhosting zu investieren. Ich empfehle dir Raidboxes.io.

Cache leeren: Nach Änderungen an der Webseite, solltest du stets manuell den Cache leeren, so dass die Seite für dich und deine Besucher auch richtig dargestellt wird. Es könnte sonst sein, dass deine Änderungen nicht direkt angezeigt werden.

Cache-Preload starten: Wir können das Plugin so konfigurieren, dass dieser Prozess automatisch übernommen wird. Preloading stellt sicher, dass neue Benutzer sofort die schnellere, gecachte Version deiner Webseite laden. Und nicht erst generieren müssen.

OPCache leeren: WordPress basiert zu großen Teilen auf php. Mit aktivierten OPCache müssen php Anfragen nicht jedes Mal neu gestartet werden, sondern können zwischengespeichert werden. Weitere Informationen zu OPCache findest du auf du im Wiki von Variomedia. Diese Option wirst du im Normalfall nie gebrauchen.

Kritisches CSS neu generieren: Sollte nach grafischen Änderungen am Theme oder nach Änderungen in .css Files verwendet werden.

Cache

Aktiviere den Cache bitte nur, wenn dein Webhosting keine integrierte Lösung fürs Caching verwendet. Einige WordPress-Hostings (ich empfehle Raidboxes.io) haben die Möglichkeit den Cache serverseitig auszuliefern. Die effektivere Möglichkeit, da das Hosting die Ressourcen entsprechend aufteilen kann. Viele WordPress-Hostings sind deswegen inkompatibel mit Caching Plugins wie WP-Rocket.

WP-Rocket nimmt hier sogar eine Sonderrolle ein und ist mit einigen Premium-Wordpress-Hostings kompatibel. Aber mit Einschränkungen, siehe Dokumentation.

Caching für mobile Geräte: Aktiviert Caching auch für Mobilgeräte um die Ladezeiten für diese Geräte ebenfalls zu verringern. Zudem werden separate Caching Dateien für Mobilgeräte erstellt.

Personalisierter Cache: Sollte nur aktiviert werden, wenn Besucher die Möglichkeit haben, sich auf deiner Webseite einzuloggen. Das ist der Fall wenn Plugins wie WooCommerce oder BBpress zum Einsatz kommen.

Cache Dauer: Legt fest in welchem Intervall der Cache deiner Seite gelöscht wird.

Dateioptimierung

Erfahrungsgemäß ist das der kniffligste Teil des Plugins.

Hier definierst du, welche Dateien deiner Seite komprimiert werden. Je nachdem welche Plugins & Themes Ihr verwendet, kann es sein, dass Ihr auf einige Funktionen verzichten müsst, da es zu Darstellungsfehlern kommen kann. 

Bei der Aktivierung der folgenden Funktionen geht Ihr bitte wie folgt vor:

  1. Einzelne Option zur Komprimierung aktivieren
  2. WP-Rocket Cache löschen
  3. Eure Webseite in einem Inkognito-Tab betrachten und mehrere URLs auf Darstellungsfehler prüfen

Wird eure Webseite ohne Darstellungsfehler dargestellt, kehrt zurück zu WP-Rocket und aktiviert die nächste Option. Wiederholt den Prozess. 

Sollte eine der Optionen das Layout deiner Webseite zerschießen, kehre zurück und deaktiviere diese und fahre mit der nächsten Option fort. Bitte prüft mehrere Unterseiten und nicht nur die Startseite auf etwaige Darstellungsfehler.

Optimize Google Fonts: Hast du Schriftarten von Google Fonts in Verwendung, dann wird bei jedem Aufruf eine Anfrage an die Google Server versendet und die entsprechende Schriftart heruntergeladen. Meist haben Betreiber mehrere Schriftarten in Benutzung, so dass mehrere Anfragen vereinzelt an Google gesendet werden. Ist diese Option aktiviert, werden alle Schriftarten in einer Anfrage gebündelt.

Tipp: Für noch mehr Geschwindigkeit hoste die Schriftarten lieber lokal auf deiner WordPress Webseite über deinen FTP. Verzichte zudem darauf mehrere Schriftarten auf deiner Webseite zu verwenden. Jede Anfrage weniger bedeutet mehr Geschwindigkeit.

Query Strings optimieren: “Entfernt den Versions-Query-String von statischen Dateien (style.css?ver=1.0) und kodiert diese stattdessen in den Dateinamen (style-1-0.css). Siehe WP-Rocket Dokumentation.“

HTML / CSS / Javascript Dateien optimieren: Mit Optimierung meint WP-Rocket die Komprimierung dieser Dateien. Dabei werden unnötige Zeilen, Leerzeichen oder Kommentare aus dem Code entfernt. Allerdings kann es beim Zusammenrücken des Codes zu Darstellungsfehlern kommen. Diese Punkte geben den größten Geschwindigkeitsboost für Besucher und eure Pagespeed Insights Werte. 

CSS Darstellung optimieren: Ist diese Option aktiviert, wird CSS asynchron erstellt & geladen. Wp-Rocket wird den ersten Eintrag jeder WordPress Taxonomy (Beiträge, Kategorien etc.) laden und für das kritische CSS für diesen Bereich erstellen, welcher wiederum dem Besucher oder dem Cache Preloader zur Verfügung gestellt wird. 

CSS & Javascript zusammenfassen: Kombiniert CSS Dateien & Anfragen, sowie Javascript Dateien und Anfragen in eine einzelne Datei. Dabei kommt es sehr häufig zu Darstellungsfehlern, überprüfe deine Webseite also auf mögliche Fehler.

Remove JQuery Migrate: Blockt das Laden einer veralteten jQuery Version (“wp-includes/js/jquery/jquery-migrate.min.js”). Manche Plugins sind auf diese veralteten jQuery Versionen noch angewiesen, daher kommt es in selten Fällen zu Fehlern.

Javascript verzögert laden: Aus Sicht der Geschwindigkeitsoptimierung ist es das Beste, Javascript möglichst am Ende eines Ladevorgangs zu laden. Somit verzögert das Laden von Scripten nicht das Laden von Inhalten die tatsächlich zur Darstellung der Seite verwendet werden. Das ist hilfreich wenn Ihr externe Scripte wie Bewertungs-Banner eingefügt habt. In einigen Fällen werden aber auch benötigte Javascripte verzögert, die aber wichtig zur Darstellung der Seite sind. Prüft daher eure Seite nach der Aktivierung dieser Funktion auf Anzeigefehler.

Medien

Dieser Bereich fokussiert sich nicht nur auf Bilder die du hochgeladen hast, sondern auch die Einbindung von Medien bereitgestellt durch Dritte. 

LazyLoad: WP-Rockets Lazy Load Feature solltest du definitiv sowohl für Bilder, als auch für iFrames & Videos aktivieren. Lazy Load bedeutet, dass Inhalte erst geladen werden, wenn sich der Darstellungsbereich des Browsers im entsprechenden Bereich befindet. Es macht keinen Sinn für einen Nutzer die gesamte Seite zu laden, wenn er bereits nach wenigen Sekunden die Seite wieder verlässt. Mit Lazy Load reduzierst du die Größe deiner Webseite am deutlichsten und trägst sogar bei, dass weniger CO2 verursacht wird. Mehr dazu in einem anderen Beitrag. 

Emoji deaktivieren: Browser-eigene Standard-Emoji nutzen, anstatt Emoji von WordPress.org zu laden. Damit werden http:// Anfragen reduziert.

WordPress Embeds deaktivieren: Verhindert, dass andere Webseiten deine Inhalte (z.B. Bilder) auf Ihren eigenen Webseiten einbinden und damit deine Serverressourcen mitbenutzen.

WebP Compatibility: Nur aktivieren wenn dein Plugin zur Bildkomprimierung WebP Dateien erzeugt, diese aber nicht ausliefert. Die meisten Plugins zur Bildkomprimierung tun das aber. Ich nutze Shortpixel zur Bildkomprimierung. Dieses Plugin hat aber bereits eine entsprechende Lösung integriert, so dass ich diese nicht erneut aktivieren muss.

Cache füllen

Um zu verhindern, dass jeder Nutzer den Cache erst beim Aufruf generiert, erhalten Besucher bei Aktivierung dieser Option bereits die vorbereite, gecachte Version deiner Webseite.

Um auch alle Urls deiner Webseite “vorzubereiten”, muss WP-Rocket wissen wo sich deine Inhalte befinden. Dabei kann WP-Rocket auf die XML Sitemaps deiner SEO Plugins zurückgreifen. So muss WP-Rocket keinen Cronjob ausführen, der dein Webhosting beansprucht und erst alle Urls zusammensuchen muss.

DNS-Prefetch: Bindest du Inhalte oder Scripte von Dritten (externe Domains) ein, dann müssen diese Inhalte erst von der externen Domain bereitgestellt werden. Das kann sich enorm auf die Ladezeit deiner Webseite auswirken. 

Mit WP-Rocket kannst du einem Browser aber bereits mitteilen, eine Verbindung zur externen Domain aufzubauen, bevor diese Dateien angefragt werden. Damit wird die Ladezeit verringert. 

Solche Dateien können beispielsweise sein: Youtube, Google Analytics, Google Fonts, Facebook Share Buttons etc.

Das setzt allerdings voraus, dass du darüber Bescheid weißt, welche Inhalte du von anderen Domains beziehst. Dafür kannst du einen Dienst wie prefatch.xyz verwenden. 

prefatch.xyz für WP-Rocket nutzen

Die ausgegeben Domains musst du daraufhin nur noch bei Wp-Rocket einfügen. Entferne aber deine eigene Domain. Diese wird von WP-Rockets bereits berücksichtigt. Alternativ findest du auf github eine hervorragende Zusammenfassung möglicher Domains.

Erweiterte Regeln

In diesem Menü kannst du Seiten vom Caching ausschließen. Seiten die sensible Daten behandeln (Login / Logout / Bestellübersichten), sollten vom Caching ausgeschlossen werden.

Ebenfalls vom Caching ausgeschlossen werden, sollten Bestellprozesse oder Warenkörbe. Wp-Rocket ist zwar mit einigen Shopsystem wie (“WooCommerce”) kompatibel, aber das gilt nicht für alle Systeme. So gibt es keine beispielsweise keine Integration für “wpShop Germany”.

Nie cachen (URLs): Wie oben bereits beschrieben, solltest du hier Urls eintragen, die sensible Daten verwalten oder Teil eines Bestellprozesses sind. Caching würde bei solchen Urls zu unerwarteten Problemen führen.

Tipp: Du kannst alle Suburls eines Eintrages mit einem Eintrag zusammenfassen.

Statt alle Urls einzeln einzutragen..

  • beispiel.de/warenkorb/
  • beispiel.de/warenkorb/bestelluebersicht/
  • beispiel.de/warenkorb/bestellbestaetigung/

…könntest du alle Urls mit der Regex Anweisung (.*) zusammenfassen.

  • /warenkorb/(.*)

Nie cachen (Cookies): Zudem möchtest du manchmal bestimmte Cookies vom Caching ausschließen. Das ist meistens dann der Fall, wenn du Bestellprozesse auf deiner Seite laufen lässt. Hier findest du beispielsweise die WooCommerce Cookies die vom Caching ausgeschlossen werden sollten.

Nie cachen (User Agents): Hier kannst du Crawler (User Agents) vom Caching ausschließen. Ich empfehle diese Funktion nicht zu verwenden. 

Immer löschen (Urls): Möchtest du, dass der Cache bestimmter Urls immer dann gelöscht wird, wenn du einen neuen Beitrag veröffentlichst, dann kannst du diese Urls hier eintragen.

Cache für Query Strings: WP-Rocket cached keine Seiten die Query Strings verwenden. Das ist beispielsweise bei Suchenergebnissen oder Shopfiltern der Fall. Hier kannst du Urls eintragen, die dennoch gecached werden sollen. Die meisten WordPress-Webseiten müssen hier nichts unternehmen. 

Datenbank

Im Laufe der Zeit sammeln sich in der WordPress einige Tabellen & Einträge an, die dort nicht mehr hingehören. Beispielsweise dann, wenn Ihr Plugins deinstalliert habt, diese aber Ihre Einträge in der Datenbank hinterlassen haben. WP-Rocket hilft dir solche Einträge regelmäßig und automatisiert zu bereinigen.

Beiträge bereinigen: Jedes Mal wenn du einen Beitrag oder eine Seite editierst, dann wird eine Version des alten Beitrages als Revision in deiner Datenbank gespeichert. Diese Revisionen werden aber in den seltensten Fällen erneut benötigt. Und gerade Pagebuilder neigen dazu, jeden kleine Veränderung als Revision zwischenzuspeichern, so dass ein Beitrag schnell mehr als 100 Revisionen aufzuweisen hat. Du kannst diese hiermit regelmäßig entfernen und Speicherplatz in deiner Datenbank freimachen.

Lediglich die Entwürfe möchten wir behalten, für den Fall, dass wir einen Beitrag doch nicht fertigstellen können.

Kommentare bereinigen: Auch Kommentare die in den Papierkorb gewandert sind, bzw. als Spam deklariert wurden haben dauerhaft nichts in unserer Datenbank verloren.

Transients bereinigen: Ich zitiere das Wp-Rocket Plugin: “Transients sind zeitlich begrenzte Optionen; sie können problemlos gelöscht werden. Sobald deine Plugins sie benötigen, werden sie automatisch erneut generiert.” Also weg damit.

Datenbank bereinigen: Bei der Deinstallation von Plugin kommt es häufig dazu, dass Einstellungen oder Einträge weiterhin in der Datenbank gespeichert sind. Diese werden mit dieser Option entfernt.

Automatische Bereinigung: Die Bereinigung der Datenbank können wir mit Wp-Rocket automatisieren. Dabei haben wir die Wahl zwischen der täglichen, wöchentlichen und monatlichen Durchführung. Hast du einen aktiven Blog dann kannst du die Datenbank wöchentlich bereinigen. Gibt es nur selten Veränderungen auf deiner Domain, dann reicht die monatliche Optimierung ebenfalls aus.

CDN

Immer wenn jemand deine Webseite aufruft, dann muss die Anfrage eine geografische Distanz zurücklegen, bis diese deinen Server erreicht. Das wird spätestens dann zu einem Problem, wenn du deine Webseite mehrsprachig anbietest. Denn so eine Anfrage muss eine ganz schön weite Strecke zurücklegen, bis Sie deinen Server in Deutschland erreicht. 

Hier hilft dir ein CDN (Content Delivery Network). Dann wird deine Webseite auf Servern in der ganzen Welt zwischengespeichert und die Distanz zum nächsten Server verkürzt. Ein CDN ist daher meist kostenpflichtig, kann aber auch bei der Geschwindigkeitsoptimierung deiner Webseite helfen.

Rocket CDN (optional): Rocket CDN kostet 7,99€ monatlich. Nach dem Kauf wird der Dienst automatisch im Wp-Rocket Plugin hinterlegt und konfiguriert. Der CDN basiert auf StackPath.

Content-Delivery-Network aktivieren: Nutzt du einen CDN oder liefert dein Webhosting eine CDN Url, dann muss diese hier eingetragen werden. Das ist beispielsweise dann der Fall, wenn Ihr eure WordPress Webseite über WPengine hostet.

Dateien vom CDN ausschließen: Hier kannst du Plugins oder Dateien vom CDN ausschließen. Damit werden diese von deinem Webhosting geladen. In den meiste Fällen wird diese Option nicht benötigt.

Heartbeat

Heartbeat Control ersetzt das Plugin aus dem WordPress Verzeichnis. Ich zitiere WP-Rocket:

“Wenn Sie Ihren WordPress-Administrator gewöhnlich für längere Zeit offen lassen (z.B. wenn Sie Beiträge schreiben oder bearbeiten), stapeln sich die AJAX-Anfragen von der API und erzeugen eine hohe CPU Last, was zu Problemen bei der Serverleistung führen kann.”

Quelle: https://wordpress.org/plugins/heartbeat-control/

Heartbeat reduziert diese Anfragen. Davon profitieren insbesondere Hostings auf langsamen Webhostings.

Control Heartbeat: Die Heartbeat API übernimmt Routine Aufgaben in WordPress, wie das zwischenspeichern deiner Beiträge. Außerdem erlaubt Sie Plugins in Echtzeit Statistiken darzustellen. 

Da einige deiner Plugins möglicherweise Zugriff auf die Heartbeat API benötigt und unsere Beiträge weiterhin zwischengespeichert werden sollen, empfehle ich dir, die Aktivität lediglich zu reduzieren.

Addons

Addons helfen dir die Dienste von Drittanbietern mit Wp-Rocket zu kombinieren. Einige müssen lediglich aktiviert werden um zu funktionieren, während andere erst bei der Eingabe einer API aktiv werden.

Google Tracking: Verwendest du Google Analytics werden einige Tools zur Messung der Geschwindigkeit, dich über folgenden Hinweis informieren: “Leverage browser caching”. Bei Aktivierung dieser Option wird Google Analytics lokal auf deinem Server ausgeführt, so dass bessere Regeln zum Browser-Caching angewendet werden können. 

Hinweis: Funktioniert derzeit nicht, wenn du Google Analytics über den Google Tagmanager einbindest.

Facebook Pixel: Gleicher Funktionsweise wie bei Google Analytics. Hostet das Facebook Pixel lokal auf deinem Server, so dass Regeln für das Browser Caching besser angewendet werden können.

Varnish: WP-Rocket ist vollständig kompatibel mit dem serverseitigen Cache von WPengine! Ist Varnish aktiviert, kannst du beide Dienste gleichzeitig verwenden.

Cloudflare: Verwendest du zusätzlich zum Webhosting Cloudflare um die Ladezeiten deiner Webseite zu verbessern, dann aktiviere dieses Addon. Cloudflare ist ein kostenloser CDN Service, der dir bei der Komprimierung deiner HTML, CSS & Javascript Dateien hilft. Ist das Cloudflare Addon in Wp-Rocket aktiviert, dann kannst du den Cloudflare Cache löschen, ohne die Webseite aufrufen zu müssen. 

Sucuri: Verwendest du den Dienst Sucuri, dann kannst du den Sucuri Cache mit WP-Rocket synchronisieren. Bedeutet: Immer wenn der Cache auf deiner Seite geleert wird, passiert das gleiche auch bei Sucuri.

Häufig gestellte Fragen

Was ist WP-Rocket?

WP-Rocket* ist ein Caching Plugin für WordPress, dass dir bei der Optimierung deiner Ladegeschwindigkeiten hilft. Schnelle Webseiten sind essentiell für die Suchmaschinenoptimierung – und WP-Rocket hilft dir dabei, indem Komprimierung und Caching auf deinen Seiten anwendet.

Wie kann WP-Rocket die Geschwindigkeit meiner WordPress-Seite verbessern?

WP-Rocket übernimmt als All-In-One Plugin mehrere Funktionen. Zum einen werden Dateien wie CSS oder Javascript komprimiert, fremde Inhalte oder Bilder erst im Darstellungsbereich des Browsers geladen (Lazy Load) oder deine Datenbank in regelmäßigen Abständen bereinigt. Zusätzlich ist die Einbindung eines CDN’s möglich oder das Caching deiner Webseite.

Bietet WP-Rocket alle Funktionen die zur Speed Optimierung benötigt werden?

Nein, es wird immer noch ein Plugin zur Bildkomprimierung benötigt. Zudem ersetzt WP-Rocket kein schnelles Webhosting, welches der wichtigste Faktor für geringe Ladezeiten ist.

Ist WP-Rocket kostenpflichtig?

Ja, WP-Rocket ist kostenpflichtig. Das WordPress Plugin ist ab 44€ pro Jahr zu erwerben. Eine Testversion gibt es nicht, dafür aber eine 14 tägige Geld-zurück-Garantie.

Welche Alternative gibt es zu WP-Rocket?

Die meisten Caching Plugins konzentrieren sich lediglich auf die Komprimierung und das Caching einer Webseite. Ist dieser Einsatzzweck für deine Webseite ausreichend, dann kommen lediglich Plugins wie W3 Total Cache oder Borlabs Cache für dich in Frage.

Geschrieben von...

Dominik Stein

Ich bin digitaler Nomade und verdiene meinen Lebensunterhalt als Web-Developer mit über 8 Jahren Erfahrung in der Suchmaschinenoptimierung. Neben meiner Leidenschaft für next.js und SEO, bin ich leidenschaftlicher Kletterer mit einer Schwäche für gutes Essen.