WP Rocket – Die besten Einstellungen

Die Einstellungen von WP Rocket haben sich über die Jahre nicht großartig verändert, wenn man bedenkt, dass sie seit 2020 nur ein neues Feature veröffentlicht haben.

WP Rocket/RocketCDN hat Schwierigkeiten bei der Optimierung von LCP, TTFB und der Performance auf Mobilgeräten. Das Vorladen von Bildern im sichtbaren Bereich für LCP ist nicht möglich, und die Funktion zum Entfernen von ungenutztem CSS arbeitet langsamer als bei anderen Plugins, da sie das verwendete CSS inline lädt. RocketCDN bietet lediglich Dateien vom CDN von StackPath an, ohne umfassendes Seiten-Caching, keine Anpassung der Bildgrößen für mobile Endgeräte und andere wesentliche Funktionen. Da TTFB 40 % des LCP ausmacht, berichten viele Nutzer von WP Rocket über Probleme.

Cache Einstellungen

Es gibt Fälle, in denen du das Page Caching von WP Rocket deaktivieren solltest.

• Wenn dein Host ein Caching nutzt (oder Full Page Cache von Cloudflare)
• Wenn du folgendes Plugin nutzt: Super Page Cache for Cloudflare.
• Wenn du ein anderes Cache Plugin nutzt

WP Rocket hat spezifische Anweisungen und Hilfs-Plugins für die Verwendung von NGINX + Varnish, wie zum Beispiel das NGINX-Hilfs-Plugin, wenn das NGINX-Caching aktiviert ist, und die Verwendung von benutzerdefinierten Varnish-IP-Adressen.

Datei-Optimierungen

Für die meisten Seiten sollte Minify CSS/JS aktiviert sein, aber Combine CSS/JS sollte deaktiviert sein. Defer/Delay JavaScript sollten normalerweise beide aktiviert sein und können mehrere PageSpeed-Empfehlungen verbessern.

Minifiziere CSS/JS-Dateien: An – lass es aus, wenn du Perfmatters verwendest, um ungenutztes CSS zu entfernen. Das Minifizieren von Dateien entfernt Leerzeichen aus dem Code und reduziert die Dateigrößen. Wenn du Cloudflares APO verwendest, empfiehlt Cloudflare, WP Rocket für die Minifizierung zu nutzen und die Minifizierungseinstellungen von Cloudflare AUS zu lassen.

CSS/JS-Dateien kombinieren: Aus – diese Einstellung funktioniert nicht, wenn „JavaScript-Ausführung verzögern“ aktiviert ist. WP Johnny erklärt auch, warum du insbesondere bei Websites mit großen CSS/JS-Dateien (die du in deinem GTmetrix-Wasserfall-Diagramm überprüfen kannst) keine Kombination vornehmen solltest. Das Kombinieren von CSS/JS-Dateien kann auch Probleme verursachen, wenn HTTP/2- und HTTP/3-Server verwendet werden. Aus all diesen Gründen solltest du diese Einstellung deaktiviert lassen.

Ausgeschlossene CSS/JS-Dateien: Wenn das Aktivieren einer Minify-Einstellung deine Website kaputt macht, sieh dir den Quellcode an, finde die problematische Datei und füge sie hier hinzu. Sieh dir den Beitrag von WP Rocket zur Behebung von Minifizierungsproblemen an.

Optimierung der CSS-Auslieferung: Entferne ungenutztes CSS – lass es aus, wenn du Perfmatters verwendest, um ungenutztes CSS zu entfernen. Auch nachdem WP Rocket dies in Version 3.11 überarbeitet hat, wird verwendetes CSS weiterhin inline geladen. Das ist zwar besser für die Bewertungen, aber langsamer für die Nutzer, da die Datei nicht zwischengespeichert werden kann und die HTML-Größe erhöht wird. Sogar die Dokumentation von Perfmatters besagt, dass inline besser für PageSpeed-Wertungen ist, während eine „separate Datei“ besser für die wahrgenommene Leistung ist. FlyingPress, Perfmatters und LiteSpeed Cache laden alle verwendetes CSS in einer externen Datei, während WP Rocket das einzige Cache-Plugin ist, das ich kenne, das es inline lädt.

JavaScript verzögert laden: An – lädt JavaScript, nachdem die Seite das Parsen abgeschlossen hat und beseitigt render-blockierende Ressourcen in PSI. Wenn du weiterhin render-blockierende Probleme siehst, kannst du versuchen, Async JavaScript zusätzlich zu WP Rocket zu installieren und dann „Defer anwenden“ in den Einstellungen zu aktivieren.

Verzögere die Ausführung von JavaScript: An – reduziert Drittanbieter-Code, indem JavaScript bis zur Benutzerinteraktion (wie Scrollen oder Berühren des Bildschirms auf Mobilgeräten) verzögert wird. Wenn dies deine Website beschädigt, sieh dir die Kompatibilitätsausschlüsse von WP Rocket an und schließe alle Plugins/Themes/Dienste von der Verzögerung aus.

Medien

Im Tab „Medien“ von WP Rocket ist es empfehlenswert, alle verfügbaren Optionen zu aktivieren, um die Ladezeiten deiner Webseite zu optimieren und die Benutzererfahrung zu verbessern. Durch das Aktivieren der Bildoptimierung kannst du sicherstellen, dass deine Bilder in der bestmöglichen Qualität und gleichzeitig in einer kompakten Dateigröße geladen werden. Zudem sollte die Option für CSS-Hintergrundbilder aktiviert werden, um die Darstellung deiner Webseite zu verbessern. Auch für iFrames und Videos, insbesondere von Plattformen wie YouTube, ist es sinnvoll, diese Einstellungen zu aktivieren, da sie die Ladegeschwindigkeit der Seite erhöhen und die Performance insgesamt steigern. Durch diese Maßnahmen wird nicht nur die Sichtbarkeit in Suchmaschinen verbessert, sondern auch die Zufriedenheit der Besucher erhöht.

Ausnahmen kannst du auch setzen – sind im Regelfall aber nicht nötig.

Cache füllen

Auch hier kannst du alle Optionen aktivieren. Ausnahme: Dein Hoster ist zu schwach.

Datenbank

Der Bereich „Datenbank“ von WP Rocket gibt dir die Möglichkeit, deine Datenbank zu bereinigen. Optionen hier gerne alle aktivieren.

Heartbeat

Was ist Heartbeat?

Die Heartbeat-Funktion in WP Rocket bietet die Möglichkeit, die Interaktion zwischen dem Server und dem Browser zu optimieren, indem sie die Frequenz der Heartbeat-API anpasst. Diese API ermöglicht es WordPress, wichtige Informationen in Echtzeit zu übertragen, wie beispielsweise die automatische Speicherung von Entwürfen und die Benutzeraktivität im Backend. Durch die Anpassung der Heartbeat-Frequenz können Website-Betreiber die Serverressourcen effizienter nutzen und die Leistung ihrer Seite verbessern, insbesondere auf stark frequentierten Websites. Eine reduzierte Frequenz der Heartbeat-Anfragen kann dazu beitragen, die Ladezeiten zu verkürzen und die allgemeine Benutzererfahrung zu steigern, während gleichzeitig die Gefahr von Serverüberlastungen verringert wird. Mit dieser Funktion haben Nutzer die Kontrolle über eine oft übersehene, aber entscheidende Komponente der WordPress-Performance.

CDN-Einstellungen

Ein CDN, das steht für „Content Delivery Network“ (Inhaltsliefernetzwerk), ist ein Netzwerk von Servern, die an verschiedenen Orten auf der Welt verteilt sind.

Die Hauptfunktion eines CDNs ist es, Webseiten und andere Inhalte (wie Bilder, Videos oder Dateien) schneller an die Nutzer zu liefern. Wenn du eine Webseite besuchst, wird der Inhalt oft von einem Server in deiner Nähe geladen. Das macht die Webseite schneller, weil die Daten nicht so weit reisen müssen.

Stell dir vor, du bestellst ein Paket. Wenn es aus einem Lager in deiner Nähe kommt, bekommst du es schneller, als wenn es aus einem weit entfernten Lager kommt. So funktioniert ein CDN: Es hilft, die Inhalte schneller und effizienter zu dir zu bringen.

Ein CDN (Content Delivery Network) ist nützlich, wenn Leute aus verschiedenen Ländern deine Webseite besuchen. Wenn deine Webseite zum Beispiel in Deutschland ist und die meisten Besucher auch aus Deutschland kommen, ist ein CDN wahrscheinlich nicht nötig.

Wenn du Cloudflare benutzt, kannst du diesen Tab einfach vergessen. Wenn nicht, stelle hier alles so ein, wie es in der Anleitung deines CDN steht.

Ist WP Rocket empfehlenswert?

Es kommt darauf an. Ich denke, andere Cache-Plugins sind besser als WP Rocket. Der einzige Vorteil von WP Rocket ist, dass man es sehr schnell einrichten kann. Alternativen wie FlyingPress oder Litespeed haben zwar mehr Funktionen, sind oft auch schneller und bieten mehr Möglichkeiten.

Wenn du möchtest, kannst du hier alle WordPress Cache Plugins, die ich empfehle, durchstöbern:

Das war’s auch schon. Bei Fragen gerne her damit!