WP Rocket und Avada: Einstellungen und Tipps

WP Rocket kannst du über wp-rocket.me für 59,00 Euro (Stand Juli 2024) einkaufen und einen WP Rocket Account für deine Lizenz eröffnen. Die Lizenz hat eine Gültigkeit von 1 Jahr. Nach Ablauf des Jahres solltest du deine Lizenz verlängern um Support und regelmäßige Updates zu erhalten. Die Verlängerung kostet 32,67 Dollar für ein weiteres Jahr.

Nach dem Einkauf solltest du das WP Rocket Plugin auf deiner Website installieren und aktivieren. Über deinen WP Rocket-Account kannst du die Plugin Datei direkt herunterladen und in WordPress unter Plugins hochladen und installieren.

Wenn du mit dem Avada Theme eine tolle Website erstellt hast, jedoch die Ladezeiten zu langsam sind, ist das WP Rocket Caching Plugin eine perfekte Ergänzung. WP Rocket besticht durch seine einfachen Funktionen, die eine schnelle Installation und Verwaltung ermöglichen. Das Plugin bietet zahlreiche Möglichkeiten wie Caching, Minimierung von HTML-, CSS- und JavaScript-Dateien, Lazy Load für Bilddaten sowie die Integration von Content Delivery Networks (CDNs).

Zusätzlich kannst du deine Datenbank entlasten durch integrierte Werkzeuge in WP Rocket. Mit all diesen Features kannst du die Ladezeiten deiner Avada-Webseite erheblich verbessern. Wenn du nach speziellen Optimierungen für das Avada Theme bist, dann schaue auch meine Beiträge zu Mobile Ansichten optimieren und Bilder SEO Tipps und Tricks

WP Rocket kann erheblich dazu beitragen, die Performance Werte deiner Webseite in Google Page Speed Insights zu verbessern. Besonders die Mobilen Versionen einer Webseite werden oft in Google Page Speed bemängelt. Durch die Verwendung von WP Rocket wird der gesamte Seiteninhalt automatisch in einem Cache gespeichert. Dadurch wird der Server entlastet und die Ladezeiten reduziert. Wenn ein Benutzer deine Website besucht, wird der bereits zwischengespeicherte Inhalt sofort angezeigt, was zu einer schnelleren Seitengeschwindigkeit führt.

Ein weiterer wichtiger Aspekt ist die Bildoptimierung. WP Rocket ermöglicht die Verwendung von Lazy-Loading. Das bedeutet, das Bilder erst dann geladen werden, wenn der Benutzer auf den entsprechenden Bereich der Seite scrollt.

Dies spart Bandbreite und reduziert die Ladezeit erheblich. Zusätzlich bietet WP Rocket auch die Möglichkeit, DNS-Prefetching und Preloading einzurichten. Dadurch können externe Ressourcen wie Schriften oder Skripte im Voraus geladen und ermöglichen eine schnellere Seitendarstellung.

Durch die Verwendung von WP Rocket CDN kannst du externe Content Delivery Networks nutzen um z.B. Bilder über externe Server vorzuladen.
WP Rocket bietet zudem einen eigenen CDN-Service für zusätzliche 7,99 Dollar im Monat.

Nachdem das Plugin erfolgreich auf deiner Website installiert wurde, gehst du im WordPress Dashboard zu Einstellungen -> WP Rocket. Hier findest du verschiedene Einstellungsmöglichkeiten zum Caching für deine Website. Es lohnt sich auch die Dokumentation von WP Rocket einmal durchzuschauen für Anleitungen, Tipps und Tutorials unter: https://docs.wp-rocket.me/

Aber Achtung!
Überprüfe nach jeder Aktivierung einer Einstellung deine Seite – am besten immer in einem Privaten Browserfenster. Je nach deiner WordPress Konstellation kann es besonders bei Zusammenfassung von JavaScript Daten zu Fehlern führen.

Datei Optimierung:
Hier kannst du die CSS und Java Script Dateien minimieren, zusammenfassen und kombinieren, um schnellere Ladezeiten zu erzielen. Ebenso kannst du hier Ausnahmen und Verzögerungen gezielt einstellen.

Gerade bei den JavaScript Optimierungen solltest du aber Schritt für Schritt vorgehen. Prüfe nach jeder gemachten Einstellung deine Seite im Frontend. Leere dazu immer zuvor den Browsercache.

Medien:
Unter medien steuerst du du die Einstellungen für das Lazy Load von Bildern und Videos ein. Im Zusammenhang mit dem Avada Theme, rate ich hier das Lazy Loading von WP Rocket zu nutzen und im Avada Theme die Funktion Lazy Loading zu deaktivieren.

Dazu gebe in den Avada Options oben in der internen Suche einfach Lazy Loading ein und deaktivier die Einstellung. Ebenso kannst du hier auch Ausnahmen für Bilder oder Iframes bezüglich Lazy Loading hinzufügen.

Cache Füllen:
Hier konfigurierst du das Vorladen für Seiten und Links. Solltest du eigene Fonts nutzen, so kannst du unter Fonts vorladen die entsprechenden URLs der Fontdateien dort eintragen.

Erweiterte Regeln:
In den erweiterten Regeln legst du Cache Dauer und Ausnahmen für das Caching der Seite fest. Hier kannst explizit URLs oder Cookies vom Cache ausschliessen.

Datenbank:
Im Bereich Datenbank kannst du verschiedene WordPress interne Daten bereinigen wie z.B. Tabellen, Revisionen, Kommentare und Transients. Auch hierbei ist anzuraten, unbedingt vorher ein Backup der Datenbank zu erstellen bevor du hier Einstellungen aktiv stellst. Auch eine Automatische Bereinigung kannst aktivieren.

CDN: In den Einstellungen für CDN (Content Delivery Network) kannst du ein CDN mit WP Rocket integrieren, um noch mehr Performance zu erzielen. Ein Content Delivery Network (CDN) ist ein Netzwerk von geografisch verteilten Servern, das darauf abzielt, die Bereitstellung von Webinhalten zu beschleunigen. Durch das Caching von Inhalten in der Nähe der Endnutzer reduziert ein CDN die Latenz und verbessert die Ladezeiten von Webseiten und Anwendungen, insbesondere für große Mediendateien wie Videos und Bilder

Heartbeat:
Das Verringern oder Deaktivieren der Heartbeat-API-Aktivität kann dabei helfen, manche Ressourcen deines Servers einzusparen.

Add-Ons:
Verschiedene Add-Ons für einen erweiterten Funktionsumfang. Hier kannst du auch externe Caching Dienste wie Cloudflare mit WP Rocket verbinden.

Bildoptimierung:
In diesem Bereich empfiehlt WP Rocket die Installation von Imagify, das eigenen Bildoptimierungs Plugin von WP Rocket.

Werkzeuge:
Unter den Einstellungen für Werkzeuge kannst deine gemachten WP Rocket Einstellungen exportieren und importieren. Auch die Wiederherstellung auf eine frühere Version von WP Rocket ist möglich.

Tutorials:
Hier findest du eine ganze Reihe von Tutorial Videos von WP Rocket. Wenn du dir vor der Anschaffung von WP Rocket einen Überblick verschaffen willst, dann schau dir unter https://docs.wp-rocket.me/ die Einführungen und Tutorials an. Leider sind die Inhalte auf Englisch, aber vieles wird gut erklärt.

Beim Einsatz von WP Rocket und dem Avada Theme kommt es vor allem auf ein sinnvolles Zusammenspiel aller verfügbaren Funktionselemente an. Daher prüfe nach jeder Einstellung in WP Rocket die Funktion deiner Seite im Frontend. Dafür lege am besten vorher ein Backup deiner Installation vor dem aktivieren des Plugins an. Um die Performance Steigerung direkt zu vergleichen, erstelle am besten über Google Page Speed Insights vorher einen Bericht an. Nach der Aktivierung von WP Rocket wirst du dort schon eine Verbesserung sehen. Ich selbst nutze das Plugin seit einigen Jahren und empfehle es auch meinen Kunden.
Featured Image Hintergrundbild: Andy Hermawan @ unsplash.com