WP Rocket: Beschleunigen Sie Ihre WordPress-Site mit nur wenigen Klicks

WP Rocket Plugin - Logo
WP-Rocket-Plugin

Was sind die Vorteile des WP Rocket-Plugins?

WP Rocket ist ein WordPress-Caching-Plugin, das die Geschwindigkeit von WordPress-Sites verbessert, indem verschiedene erweiterte Optimierungen implementiert werden, wie z.

WP Rocket erfordert im Gegensatz zu vielen Caching-Plugins keine komplizierten Einstellungen und beginnt zu arbeiten, sobald Sie es installieren und aktivieren. Dieses Plugin erfordert keine technischen oder Programmierkenntnisse, ermöglicht es Ihnen jedoch, erweiterte Einstellungen vorzunehmen, wenn Sie dies wünschen. Schließlich können Sie mit diesem Plugin die vorgenommenen Änderungen bei Bedarf einfach rückgängig machen.

Vorher/Nachher-Vergleich

Wir werden später auf die Einstellungen und alle Möglichkeiten dieses Plugins zurückkommen, aber ich wollte Ihnen seine Auswirkungen auf eine Website vor/nach der Installation und nach dem Vornehmen einiger sehr einfacher Einstellungen in 2 Registerkarten zeigen: der CSS-Registerkarte “Dateioptimierung”. und JS” und die Registerkarte “Medien”.

WP Rocket behauptet, dass wir sehr einfach und ohne vorheriges technisches Wissen signifikante Ergebnisse erzielen können. Um Vergleiche anstellen zu können, werde ich GTmetrix verwenden, um die Leistung einerManaged WordPress-Website beim Webhoster Hostinger mit einem kostenlosen Cloudflare-CDN-Konto zu testen.

1) Ergebnisse vor der Installation von WP Rocket:

Website-Performance vor der Installation des WP Rocket-Plugins

2) Ergebnisse nach der Installation des WP Rocket-Plugins:

Website-Performance direkt nach der Installation des WP Rocket-Plugins

Viele Funktionen sind standardmäßig aktiviert, darunter das Vorladen von Dateien und Cache-Funktionen.

3) Registerkarteneinstellungen für die Optimierung von CSS- und JS-Dateien:

Diese Funktionen sind standardmäßig nicht aktiviert. Hier sind die Einstellungen, die ich vorgenommen habe:

  • CSS-Dateien minimieren: auf EIN setzen
  • CSS-Dateien kombinieren: auf EIN stellen
  • CSS-Bereitstellung optimieren + CSS-Dateien asynchron laden: auf EIN setzen
  • CSS-Dateien minimieren: auf EIN setzen
  • Verzögertes Laden von JS-Dateien: auf EIN setzen
  • JavaScript-Ausführung bis zur Benutzerinteraktion verzögern: auf ON setzen

Hier sind die Ergebnisse, die durch die Optimierung von CSS- und JS-Dateien erzielt wurden:

Website-Performance nach Dateioptimierung – WP Rocket-Plugin

Durch die Optimierung der CSS- und Javascript-Dateien konnte ich mit nur wenigen Klicks von Klasse B zu Klasse A von GTmetrix wechseln!

4) Einstellungen auf der Registerkarte „Medien“:

Dies sind die Einstellungen, die sich auf “Lazy Load” und die Bildgröße beziehen.

  • Für Bilder aktivieren: auf EIN stellen
  • Für iFrames und Videos aktivieren: auf EIN stellen
  • Fehlende Bildabmessungen hinzufügen: Auf EIN stellen

Hier sind die zusätzlichen Ergebnisse, die dank der Einstellungen im Zusammenhang mit Lazy Load und der Bildgröße erzielt wurden:

Website-Performance nach Lazy Load von iFrames und Videobildern – WP Rocket-Plugin

5) Ergebnisse nach Bildoptimierung durch Imagify:

Leistung erreicht durch Bildoptimierung von Imagify

Wie wir leicht sehen können, sind die Ergebnisse wirklich sehr interessant, wir haben mit nur wenigen Klicks eine optimierte Website, die sich positiv auf SEO auswirkt.

WP ROCKET-Preise

WP Rocket Plugin – Preise

Wir haben die Wahl zwischen 3 Jahresplänen, je nachdem wie viele Websites wir optimieren möchten:

Der Single-Plan gilt für eine einzelne WordPress-Site und kostet nur 49 $ pro Jahr (oder 44 € pro Jahr), inklusive Support. Sie können das Plugin auf mehr Websites verwenden, indem Sie Ihre Lizenz aktualisieren. Bei einem Upgrade zahlen Sie nur die Preisdifferenz zwischen Ihrer aktuellen Lizenz und derjenigen, auf die Sie upgraden.

Der Plus -Plan ermöglicht Ihnen die Optimierung von 3 Websites und kostet 99 $ pro Jahr (oder 88 € pro Jahr). Schließlich kostet der Infinite-Plan 249 $ pro Jahr (oder 222 € pro Jahr) und ermöglicht die Optimierung einer unbegrenzten Anzahl von WordPress-Sites.

Manchmal können Sie das Plugin zu einem reduzierten Preis erhalten. Es wird eine 100% Geld-zurück-Garantie innerhalb von 14 Tagen nach dem Kauf angeboten. Bei Verlängerung der Lizenz wird ein Rabatt von 30 % angeboten.

WP-Rocket-Plugin

Alle WP Rocket-Einstellungen:

1) Das WP Rocket-Dashboard

Plugin WP Rocket Onglet tableau de bord
  • Mein Konto: Hier werden Informationen zu Ihrer Lizenz angegeben.
  • “Schnelle Aktionen”: Diese Einstellungen ermöglichen es Ihnen, alle zwischengespeicherten Dateien mit einem Klick zu löschen, das Vorladen des Caches zu starten oder kritisches CSS neu zu generieren.
  • RocketCDN: Sie haben die Möglichkeit, das eigene CDN von WP Rocket zu abonnieren. Aber der Preis erscheint mir etwas hoch: 7,99 $ pro Monat.
  • Mein Status: Mit dieser Einstellung können anonyme Daten mit dem Entwicklungsteam geteilt werden, um zur Verbesserung von WP Rocket beizutragen.
  • Links zu Videos, die erklären, wie das Plugin funktioniert, wie Sie die Geschwindigkeit Ihrer Website messen, wie Sie die besten Einstellungen vornehmen, … Es gibt auch einen Link zur offiziellen Plugin-Dokumentation und schließlich einen Link, um den Support zu kontaktieren.

2 ) Die Cache-Registerkarte:

WP Rocket Plugin – Registerkarte „Cache“.
  • Mobiler Cache: Mit dieser Optimierung können Sie das Caching für mobile Benutzer aktivieren oder deaktivieren. Optional können Sie separate Cache-Dateien für mobile Geräte verwenden (dies ist eine Option für Personen, die dedizierte mobile Themen verwenden).
  • Benutzer-Cache: Mit dieser Einstellung können Sie das Caching für angemeldete Benutzer aktivieren oder deaktivieren. Der Benutzer-Cache ist nützlich, wenn eine Website bestimmte Inhalte für Benutzer hat.
  • Cache-Lebensdauer: Mit dieser Optimierung können Sie die Zeit angeben, nach der Cache-Dateien gelöscht werden.

In Bezug auf E-Commerce speichert WP Rocket keine sensiblen Seiten zwischen. Ein Eingriff in den Kaufprozess ist daher nicht zu befürchten.

3) Die Registerkarte Dateioptimierung

Plugin WP Rocket Onglet Optimisation des fichiers

Auf dieser Registerkarte können Sie die Einstellungen für CSS- und JavaScript-Dateien optimieren und anpassen. In Bezug auf CSS-Dateien können Sie:

  • Minimieren Sie CSS-Dateien, indem Sie Kommentare und Leerzeichen in CSS-Dateien entfernen, um ihre Größe zu reduzieren.
  • Dateien kombinieren: Diese Optimierung führt verschiedene CSS-Dateien zu einer einzigen Datei zusammen, wodurch die Anzahl der HTTP-Anfragen reduziert wird.
    Es ist möglich, bestimmte CSS-Dateien von der Minimierung und Zusammenführung von CSS-Dateien auszuschließen.
  • Optimieren Sie die CSS-Bereitstellung, indem Sie Render-Blocking-CSS eliminieren. Es besteht die Wahl zwischen zwei Methoden: Löschen des ungenutzten CSS-Codes (Methode in der Beta-Version, es ist die offiziell empfohlene) oder die Methode des asynchronen Ladens von CSS.

Für JavaScript-Dateien können Sie:

  • Minimieren Sie JavaScript-Dateien, indem Sie Kommentare und Leerzeichen in JS-Dateien entfernen, um ihre Größe zu reduzieren. Es ist möglich, bestimmte JavaScript-Dateien von der Minimierung auszuschließen.
  • Kombinieren Sie JavaScript-Dateien, indem Sie alle JS-Dateien zusammenführen, um die Anzahl der HTTP-Anforderungen zu reduzieren. Es ist möglich, bestimmte JavaScript-Dateien von der Verkettung auszuschließen.
  • Verzögern Sie das Laden von JavaScript, um Render-blockierendes JavaScript auf Ihrer Website zu eliminieren und die Ladezeit zu verbessern. Es ist möglich, bestimmte JavaScript-Dateien auszuschließen.
  • JavaScript-Ausführung bis zur Benutzerinteraktion verzögern (z. B. wenn der Benutzer den Bildschirm scrollt oder mit der Maus klickt)
WP-Rocket-Plugin

4) Die Registerkarte „Medien“:

Plugin WP Rocket Onglet Media
  • Auf der Registerkarte Medien können Sie Mediendateien auf Ihrer Website optimieren. Dazu aktiviert das Plugin verzögertes Laden für Bilder, Iframes und Videos, wodurch deren Ladezeit verkürzt werden kann (es gibt eine Option, mit der Sie bestimmte Bilder oder bestimmte Iframes ausschließen können). Schließlich können Sie den YouTube-Iframe durch ein Vorschaubild ersetzen.
  • Es ist auch möglich, fehlende Breiten- und Höhenattribute zu Bildern hinzuzufügen. Diese Optimierung verhindert Layoutänderungen und verbessert das Leseerlebnis für Webbenutzer.

5) Die Registerkarte Vorladen:

Plugin WP Rocket Onglet Prechargement
  • Aktivieren Sie das Vorabladen von Dateien, um Cache-Dateien zu generieren, beginnend mit Homepage-Links, gefolgt von XML-Sitemaps. Das Vorladen von Dateien wird automatisch ausgelöst, wenn Sie Inhalte hinzufügen oder aktualisieren, und kann auch manuell über die Admin-Leiste oder das WP Rocket-Dashboard ausgelöst werden.
  • Aktivieren Sie das Vorladen von Links, wodurch die wahrgenommene Ladezeit erheblich verbessert wird, indem eine Seite geladen wird, wenn ein Benutzer mit der Maus über einen Link fährt.
  • Vorabruf von DNS-Abfragen, um die Ladezeit für externe Dateien zu verkürzen. Sie müssen die URLs, die vorab abgerufen werden, manuell angeben.
  • Vorabruf von Schriftarten: Diese Optimierung verbessert die Leistung der Website, indem sie es Browsern ermöglicht, Schriftarten direkt in CSS-Dateien zu erkennen. Sie müssen die URLs der Dateien mit den vorab zu ladenden Schriftarten manuell angeben. Diese Schriftarten müssen auf Ihrer eigenen Domain oder der Domain gehostet werden, die Sie auf der Registerkarte CDN angegeben haben.

6) Die Registerkarte Erweiterte Einstellungen:

Plugin WP Rocket Onglet Reglages avances 2

WP Rocket bietet auch einige erweiterte Einstellungen, mit denen Sie Ihre Cache-Regeln feinabstimmen können. In diesem Abschnitt können Sie Regeln festlegen wie:

  • URLs von Seiten oder Artikeln, die niemals zwischengespeichert werden sollten, wie z. B.: Anmelde- oder Abmeldeseiten, Bestellbestätigungsseite, …
  • Cookie-IDs, die, wenn sie im Browser des Besuchers gesetzt werden, verhindern sollen, dass eine Seite zwischengespeichert wird.
  • User-Agent-Strings, die niemals zwischengespeicherte Seiten sehen sollten.
  • URLs, die auf allen Seiten- oder Post-Content-Updates gelöscht werden sollten.
  • Abfragezeichenfolgen, die zwischengespeichert werden sollen.

Für all diese erweiterten Einstellungen müssen Sie die Ressourcen angeben, die Sie optimieren möchten: URLs, Cookie-IDs, Abfragezeichenfolgen.

7) Die Registerkarte Datenbank:

Plugin WP Rocket Onglet Base de donnees

WP Rocket bietet auch eine erweiterte Datenbankoptimierung, sodass Sie kein separates Plugin dafür verwenden müssen, was immer eine gute Sache ist, wenn es um Sicherheit und Leistung geht. In diesem Abschnitt können Sie die folgenden Einstellungen aktivieren:

  • Die Post Cleanup-Funktion ermöglicht es uns, Post-Revisionen, automatische Entwürfe und gelöschte Posts dauerhaft zu entfernen, was besonders für Blogs großartig ist
  • Die Kommentarbereinigung hilft dabei, Spam und gelöschte Kommentare dauerhaft zu entfernen.
  • Transient Cleanup: Diese Funktion ist wirklich nützlich, da Transienten eine Website wirklich verlangsamen können.
  • Datenbankreinigung.
  • Schließlich können Sie eine automatische Reinigung konfigurieren, diese Reinigung kann täglich, wöchentlich oder monatlich erfolgen.
WP-Rocket-Plugin

8) Die CDN-Registerkarte

Plugin WP Rocket Onglet CDN

Auf der Registerkarte CDN können Sie die CDN-Einstellungen (Content Delivery Network) für Ihre Website anpassen. In diesem Abschnitt können Sie:

  • Verwenden Sie das eigene Content-Delivery-Netzwerk von WP Rocket: RocketCDN. Der Preis beträgt 7,99 USD pro Monat.

Die Vorteile dieses CDN sind vielfältig: Automatische Konfiguration, die es uns ermöglicht, die Konfiguration von Parametern zu vermeiden, die manchmal schwer zu verstehen sind. RocketCDN wendet einfach die beste Konfiguration an, um die Anzeigegeschwindigkeit unserer Website zu erhöhen.

RocketCDN spart uns auch Zeit: Sie müssen nicht nach den besten CDN-Dashboard-Einstellungen suchen. Im Gegenteil, wir müssen nur eine personalisierte URL eingeben und unsere Seite wird sofort schneller sein.

Schließlich wird RocketCDN von StackPath betrieben.

  • Auf der Registerkarte „CDN“ können Sie auch das CDN Ihrer Wahl aktivieren (außer Cloudflare oder Sucuri, diese werden von der Registerkarte „Add-ons“ unterstützt). Statische Datei-URLs (Bilder, Javascript und CSS) werden in den von Ihnen angegebenen CDN-CNAME umgeschrieben. Es ist möglich, bestimmte URLs von der CDN-Unterstützung auszuschließen.

9) Die Herzschlag-Registerkarte

Plugin WP Rocket Onglet Battement de coeur

In dieser Registerkarte können Sie die WordPress Heartbeat API steuern. Diese API ermöglicht es dem Browser, automatisch mit dem Server zu kommunizieren. In diesem Abschnitt der WP Rocket-Einstellungen können Sie:

  • Heartbeat-Steuerung aktivieren.
  • Reduzieren, entfernen Sie die Einschränkung oder deaktivieren Sie im Gegenteil die Heartbeat-Aktivität für: das Verhalten im Backend, das Verhalten im Post-Editor und schließlich das Verhalten im Frontend.

Die API führt alle 15-60 Sekunden eine Reihe von Aufgaben in einem Intervall oder “Tick” aus und verwendet die Datei admin-ajax.php im Backend (Dashboard), im Post-Editor oder im Frontend, um diese Aktivität auszuführen. Viele admin-ajax.php-Anforderungen auf einigen Servern können zu übermäßigem CPU-Overhead oder übermäßiger CPU-Auslastung führen. Je nach Webhost und Hosting-Typ kann diese Überlastung zu Leistungsproblemen und letztendlich zur Sperrung des Webhosting-Kontos führen.

WP-Rocket-Plugin

10) Die Registerkarte Add-Ons

Auf dieser Registerkarte sind zwei Arten von Add-Ons verfügbar: Module, die mit einem Klick aktiviert werden können und daher keine Konfiguration erfordern, sowie Module, die eine Authentifizierung erfordern.

Plugin WP Rocket Onglet Modules complementaires 1

Die mit einem Klick aktivierten Module sind Varnish und das WebP-Kompatibilitätsmodul:

  • Varnish ermöglicht es Ihnen, den Varnish-Cache jedes Mal zu leeren, wenn das WP Rocket-Plug-in seinen eigenen Cache leert, sodass die den Internetbenutzern angebotenen Inhalte immer aktuell sind.
  • Die Einstellung „WebP-Kompatibilität“ ermöglicht das Erstellen einer separaten Cache-Datei, falls wir dieses Bildformat dank eines bestimmten WordPress-Plugins verwenden.
Plugin WP Rocket Onglet Modules complementaires 2 1

Die Module, die eine Authentifizierung erfordern, sind Cloudflare und Sucuri:

  • Mit dem Cloudflare-Add-on können Sie Ihr Cloudflare-Konto integrieren. Sie müssen Ihre Cloudflare-E-Mail und Ihren API-Schlüssel angeben.
  • Mit dem Sucuri-Add-On können Sie den Cache von Ihrem Sucuri-Konto aus synchronisieren. Sie müssen Ihren “Firewall-API-Schlüssel” angeben.

11) Registerkarte „Bildoptimierung“.

IMAGIFY-Installation

Hier können Sie das Imagify-Plugin installieren, wenn Sie Ihre Bilder optimieren möchten. Weitere Details zu Imagify in diesem Artikel.

12) Die Registerkarte „Werkzeuge“.

Plugin WP Rocket Onglet Outils 1
  • Export- und Importeinstellungen: Sie können eine Kopie Ihrer Einstellungen herunterladen, was besonders nützlich ist, wenn Sie mehrere WordPress-Sites verwalten müssen. Klicken Sie einfach auf die Schaltfläche rechts, um die Datei herunterzuladen.
  • Rollback: Damit können Sie zur vorherigen Version des Plugins zurückkehren.

13) Registerkarte „Tutorials“:

Plugin WP Rocket Onglet Tutoriels

Es wird eine Reihe von Videos zu verschiedenen ziemlich nützlichen Themen angeboten: wie man loslegt, wie man die Geschwindigkeit unserer Website richtig misst, wie man den Test besteht Core Web Vitals, wie Sie überprüfen können, ob das Plugin unsere Website gut zwischenspeichert, erfahren Sie, wie das Vorladen funktioniert, wie Sie die verbessern können LCP, wie man die verbessert FID, wie man die verbessert CLS, wie man einige Kompatibilitätsprobleme behebt, wie man das Cloudflare-Add-on konfiguriert…

wie man Core Web Vitals verbessert

FAQs

Wie installiere ich WP Rocket?

1/ Gehen Sie nach dem Kauf des Plugins zu Ihrem WP Rocket-Konto und laden Sie die ZIP-Datei herunter:

Installieren Sie das WP Rocket-Plugin - herunterladen

2/ Klicken Sie auf die Registerkarte „Plugins“ Ihres WordPress-Administrationsbereichs:

Installation des WP Rocket-Plugins

3/ Klicken Sie auf „Neu hinzufügen“:

Installation des WP Rocket-Plugins

4/ Klicken Sie auf „Plugin hochladen“:

Installation des WP Rocket-Plugins

5/ Klicken Sie auf „Datei auswählen“:

Installation des WP Rocket-Plugins

6/ Klicken Sie auf „Jetzt installieren“

Installation des WP Rocket-Plugins

7/ Warten Sie einige Sekunden, bis die Installation abgeschlossen ist, und aktivieren Sie dann Ihr Plugin:

Installation des WP Rocket-Plugins
Installation des WP Rocket-Plugins

Funktioniert WP Rocket mit Cloudflare?

WP Rocket ist vollständig kompatibel mit dem Cloudflare CDN, mit dem es in Synergie arbeitet. Die Verwendung des Cloudflare-Add-Ons ist in den meisten Fällen keine Voraussetzung, sondern lediglich eine Annehmlichkeit. Sobald Sie Ihr Cloudflare-Konto erfolgreich eingerichtet haben, ist es für Ihre Website aktiv, unabhängig davon, ob Sie das WP Rocket-Add-on verwenden oder nicht.

Meine Website ist kaputt! Was soll ich machen ?

Manchmal, wenn Sie beginnen, die WP Rocket-Einstellungen zu ändern, bemerken Sie möglicherweise fehlende Bilder oder andere Anzeigeprobleme auf Ihrer Website. Keine Sorge, diese Probleme sind nicht dauerhaft!

WP-Rocket-Plugin

Welche Alternativen gibt es zum WP Rocket-Plugin?

Hier sind einige Alternativen: WP Super Cache , WP Fastest Cache , W3 Total Cache , LiteSpeed Cache , WP-Optimize ,…

Was ist besser WP Rocket Cache oder W3 Total Cache ?

WP Rocket verfügt über mehr Geschwindigkeitsoptimierungsfunktionen als W3 Total Cache (Datenbankbereinigung, lokales Hosting von Google Analytics, Vorladen von Schriftarten usw.). Deshalb liefert es normalerweise bessere Ergebnisse in GTmetrix.

Ist WP Rocket wirklich unverzichtbar?

Zwar gibt es auch andere WordPress-Caching-Plugins, darunter auch kostenlose Optionen, für alle, die ein WordPress-Plugin haben möchten, mit dem sie ihre Website beschleunigen können, ohne über technische Kenntnisse zu verfügen, oder für diejenigen, die nicht eine große Anzahl von manchmal kniffligen Einstellungen vornehmen. WP Rocket ist definitiv die Investition wert.

Mit welchen Webservern ist das WP Rocket-Plugin kompatibel?

Das Plugin ist mit Apache , NGINX , Microsoft IIS und LiteSpeed kompatibel .

Wie verwende ich WP Rocket in einer Multisite-Umgebung?

Es gibt ein paar Details, die Sie beachten sollten. Weitere Details in der offiziellen Dokumentation.

Kann ich WP Rocket auf Localhost- und Staging-Domains ausführen?

WP Rocket funktioniert auch lokal. Lokale Installationen zählen für Lizenzierungszwecke nicht als Sites, obwohl sie möglicherweise in Ihrer Liste von Websites auf Ihrer WP Rocket-Kontoseite erscheinen. Näheres hier .

WP-Rocket-Plugin
Cloudways Hosting Logo
Cloudways-Webhost

Philippe

Have a Passion about Technology, Photography and Writing. Codetahiche.com is my personal blog about WordPress Plugins, WordPress Themes, VPN and Web Hosting.

Schreibe einen Kommentar