Wir sind immer auf der Suche nach neuen und innovativen Wegen, um deine WordPress-Seiten weiter zu beschleunigen und zu optimieren. In den letzten Monaten hat unser Team hinter den Kulissen mit den Entwicklern von WP Rocket zusammengearbeitet, um einige Änderungen an ihrem brandneuen Version 3.0 Plugin (veröffentlicht am 3. April 2018) abzustimmen. Wir freuen uns, dir mitteilen zu können, dass WP Rocket 3.0 und Kinsta nun voll kompatibel sind und von nun an verfügbar sein werden.

Informiere dich unten über alles, was du wissen musst, um WP Rocket bei Kinsta zu benutzen und wie es für dich und deine Kunden eine gute Wahl sein kann.

WP-Rocket bei Kinsta einsetzen

Für diejenigen unter euch, die nicht mit WP Rocket vertraut sind: es ist ein beliebtes All-in-One Premium Caching und Optimierungs-Plugin für WordPress. Normalerweise erlauben wir keine Caching-Plugins in unserer Systemumgebung, da sie im Konflikt mit unserer integrierten Caching-Lösung stehen. Ab WP Rocket 3.0 wird die Page-Caching-Funktionalität jedoch automatisch deaktiviert, wenn sie auf Kinsta-Servern ausgeführt wird. Infolgedessen erlauben wir WP Rocket auf unserer Plattform, weil es keine Inkompatibilitäten mehr gibt.

Dies ermöglicht es dir, jetzt die Caching-Lösung von Kinsta zu nutzen, aber trotzdem die erstaunlichen Optimierungsfunktionen zu nutzen, die WP Rocket zu bieten hat (wir werden auf diese unten eingehen).

Warum ist Caching wichtig? Caching ist der Prozess des Speicherns von Ressourcen aus einer Anfrage und der Wiederverwendung dieser Ressourcen für nachfolgende Anfragen. Grundsätzlich reduziert es den Arbeitsaufwand für die Generierung eines Pageviews und entlastet den Webserver. Es ist der beste Weg, die Verzögerung durch die Abhängigkeit, die WordPress von PHP und einer Datenbank hat, zu kompensieren (finde hier mehr über WordPress vs statisches HTML heraus).

WP Rocket 3.0 Funktionen

Wenn du die neue Version 3.0 von WP Rocket noch nicht gesehen hast, ist die Benutzeroberfläche wunderschön, während sie dennoch einfach zu bedienen und zu navigieren ist! Im Folgenden werden wir auf einige der empfohlenen Funktionen eingehen, die du von WP Rocket ausnutzen kannst, um deine WordPress-Seite zu beschleunigen, sowie darauf, wie sie mit der Kinsta-Umgebung synchronisiert wurde.

Wir werden auch einige Geschwindigkeitstests durchführen, um zu sehen, welche Optionen die größten Auswirkungen auf eine Live-Site haben. Denk jedoch daran, dass die Ergebnisse von Seite zu Seite variieren können, also stelle sicher, dass du auf deiner eigenen Seite oder auf deiner eigenen Staging-Seite testest.

Wenn du eine Staging-Site bei Kinsta benutzt, hat WP Rocket unsere URL-Struktur (staging-sitename.kinsta.cloud) auf die weiße Liste gesetzt, was bedeutet, dass sie nicht als Site gegen deine gesamte Lizenzanzahl gezählt wird. Das Gleiche gilt für die Ausführung auf localhost.

WP Rocket's Hauptdashboard.

WP Rocket’s Hauptdashboard.

Cache löschen

Obwohl das Caching in WP Rocket automatisch deaktiviert wird, wenn es auf Kinsta läuft, wird die Option „Cache löschen“ im Menü von WP Rocket mit der Kinsta-Umgebung synchronisiert. Wenn du deinen WP Rocket-Cache leerst, wird stattdessen der Kinsta-Cache deiner gesamten Website geleert. Wie cool ist das denn? Und wie immer kannst du deinen Kinsta-Cache oben rechts in der Admin-Leiste leeren.

Cache bereinigen (2 Methoden)

Cache bereinigen (2 Methoden)

Die „Purge this URL“ funktioniert ebenfalls auf die gleiche Weise, aber anstatt den gesamten Cache deiner Website zu bereinigen, löscht sie den Cache der URL, auf der du dich gerade befindest. Dies ist großartig, wenn du vielleicht ein manuelles Update auf eine Seite oder einen Beitrag gemacht hast.

Aus Performance-Gründen empfehlen wir nicht, den gesamten Cache deiner Website ständig zu leeren, da er dann neu aufgebaut werden muss. Das Bereinigen einzelner URLs ist ein viel besserer Weg.

WP Rocket Purge Cache für einzelne URLs

WP Rocket Purge Cache für einzelne URLs

Wenn man etwas auf seiner WordPress-Seite ändert, z.B. ein Plugin oder ein Thema, wird möglicherweise eine Warnung von WP Rocket angezeigt. Der Button Clear cache hier löscht auch den Kinsta-Cache.

WP Rocket ändert den Clear Cache

WP Rocket ändert den Clear Cache

Wenn du schließlich im WP Rocket Dashboard auf die Schaltfläche „Cache löschen“ klickst, wird auch der Kinsta-Cache gelöscht.

Cache löschen in WP Rocket.

Cache löschen in WP Rocket.

Cache

Wie wir bereits erwähnt haben, ist das Caching von WP Rocket-Seiten für Webseiten, die auf Kinsta gehostet werden, automatisch deaktiviert. Wir empfehlen daher, die Cache-Einstellungen von WP Rocket so zu belassen, wie sie sind, und „Caching für mobile Geräte aktivieren“ anzukreuzen.

WP Rocket Seiten-Cache-Einstellungen

WP Rocket Seiten-Cache-Einstellungen

Datei-Optimierung

Unter dem Menü „Dateioptimierung“ bieten sie dir die Möglichkeit, deine CSS- und JavaScript-Dateien zu optimieren. Lasst uns ein wenig in jedes dieser Themen eintauchen.

WP Rocket Dateioptimierung.

WP Rocket Dateioptimierung.

Grundeinstellungen

CSS-Dateien

JavaScript-Dateien

Medien

Unter dem Menü „Media“ bieten sie dir die Möglichkeit, deine Bilder und Videos bequem zu laden und zusätzliche Skripte wie Emojis und Embeds zu deaktivieren. Lasst uns ein wenig in jedes dieser Themen eintauchen.

WP Rocket Medienoptimierung.

WP Rocket Medienoptimierung.

LazyLoad

Lazy Loading ist eine Optimierungstechnik, die sichtbare Inhalte lädt, aber das Herunterladen und Rendern von Inhalten, die unterhalb des Fold erscheinen, verzögert. Durch Aktivieren der Option Lazy Load kann die tatsächliche und wahrgenommene Ladezeit verbessert werden, da Bilder, iframes und Videos nur dann geladen werden, wenn das Darstellungsfeld erreicht wird (oder man kurz davorsteht) und die Anzahl der HTTP-Anfragen reduziert wird.

Schau dir unser ausführliches Tutorial zum Thema Lazy Loading in WordPress an.

Emoji

Mit der Veröffentlichung von WordPress 4.2 kam die Integration von Emojis in den Kern für ältere Browser. Das große Problem dabei ist, dass es eine zusätzliche HTTP-Anfrage auf der WordPress-Seite erzeugt, um die Datei wp-emoji-release.min.js zu laden. Und das wird auf jeder einzelnen Seite geladen.

Deaktiviere Emoji: Die Option emoji deaktivieren reduziert die Anzahl der HTTP-Anfragen. Es wird sie nicht auflösen, es wird einfach auf die Browser-Emoji-Version des Benutzers zurückgesetzt. Wir haben Geschwindigkeitstests durchgeführt und eine Verkürzung der Ladezeit um 2,2% festgestellt, wenn diese Option aktiviert ist.

Lies dir unseren ausführlichen Artikel über das Deaktivieren von Emojis durch.

Einbettung

Mit der Veröffentlichung von WordPress 4.4 kam die oEmbed-Funktion in den Kern. Du hast das wahrscheinlich schon einmal gesehen oder benutzt. Dies ermöglicht es Benutzern, YouTube-Videos, Tweets und viele andere Ressourcen auf ihren Websites einzubetten, indem sie einfach eine URL einfügen, die WordPress automatisch in eine Einbettung umwandelt und eine Live-Vorschau im visuellen Editor bietet.

Das bedeutet aber auch, dass es jetzt einen zusätzlichen HTTP-Request auf der WordPress-Seite erzeugt, um die Datei wp-embed.min.js zu laden. Und das wird auf jeder einzelnen Seite geladen.

Deaktiviere WordPress-Einbettungen: Die Option Einbettungen deaktivieren reduziert die Anzahl der HTTP-Anfragen. Wir haben Geschwindigkeitstests durchgeführt und eine Verkürzung der Ladezeit um 4,9% festgestellt, wenn diese Option aktiviert ist. ⏱ Lies dir unseren ausführlichen Artikel über das Deaktivieren von Embeds durch.

Preload

Unter dem „Preload“-Menü geben sie dir eine Option zum Aktivieren des Cache-Vorladens, des DNS-Prefetch und des Font-Vorladens. Nicht alle diese Optionen funktionieren bei Kinsta. Aber lass uns ein wenig in jede dieser Optionen eintauchen. Preload Einstellungen in WP Rocket.

Preload Einstellungen in WP Rocket.

Preload Einstellungen in WP Rocket.

Preload Cache

Wir empfehlen diese Option nicht für Webseiten, die auf Kinsta gehostet werden, da sie die Leistung durch Überlastung der PHP-Worker reduzieren kann.

Vorabruf von DNS-Anfragen

Mit dem DNS-Prefetching kannst du Domainnamen auflösen (DNS-Lookup im Hintergrund durchführen), bevor ein Benutzer auf einen Link klickt, was wiederum zur Leistungssteigerung beitragen kann. Dies geschieht durch Hinzufügen eines rel="dns-prefetch"-Tags im Header deiner WordPress-Seite. Wir empfehlen, externe Anfragen von Ihrem CDN, Google Fonts und Google Analytics mit Prefetch zu versehen. Hier ist ein Beispiel unten:

<link rel="dns-prefetch" href="//cdn.domain.com/">
<link rel="dns-prefetch" href="//fonts.googleapis.com/">
<link rel="dns-prefetch" href="//www.google-analytics.com"

Dies ist schwieriger zu testen, aber man kann sicher sein, dass es hilft, seine Website zu beschleunigen.

Preload Fonts

Wenn du Schriften auf deiner eigenen Domain hostest und nicht auf einem externen Service wie Google Fonts, empfehlen wir dir, sie zur Liste „Schriften vorladen“ in WP Rocket hinzuzufügen. Durch das Vorladen von Schriften in deinem HTML-Element <head> können Webbrowser damit beginnen, Schriften herunterzuladen, bevor sie in deiner CSS-Datei entdeckt werden.

Erweiterte Regeln

Aufgrund der Tatsache, dass WP Rocket mit dem Kinsta-Umgebungscache synchronisiert wird, kannst du die erweiterten Regeln nicht verwenden. Wenn du eine URL oder ein Verzeichnis vom Caching ausschließen oder einen bestimmten Query-String in den Cache zwingen musst, kannst du dich jederzeit an das Kinsta-Support-Team wenden.

Datenbank

Unter dem „Datenbank“-Menü gibt dir WP Rocket die Möglichkeit, Aufräumarbeiten an Beiträgen, Kommentaren, Transienten und Tabellen durchzuführen.

In Kombination mit unseren automatischen wöchentlichen Datenbank-Optimierungen sorgt das Sauberhalten deiner Datenbank durch das Entfernen unnötiger Beitragsrevisionen und Transienten dafür, dass deine Datenbank mit maximaler Leistung arbeitet. WP Rocket Datenbankoptimierung.

WP Rocket database optimization.

WP Rocket database optimization.

Post Cleanup

Es ist nicht ungewöhnlich, dass ältere Websites mehr als 100 Revisionen auf ihren Hauptseiten haben. Dies ist einfach auf die jahrelange Bearbeitung und Aktualisierung von Inhalten zurückzuführen. Nehmen wir zum Beispiel an, eine Website hat 700 Seiten oder Beiträge mit jeweils 150 Revisionen, das wären über 100.000 Einträge in der Datenbank. Dies beansprucht Speicherplatz, und selbst bei Datenbankindizes kann dies manchmal die Performance beeinträchtigen.

WP Rocket gibt dir die Möglichkeit, Folgendes zu löschen:

In unserem ausführlichen Beitrag erfährst du, wie du Revisionen für eine schnellere Leistung optimieren kannst.

Bereinigung von Kommentaren

Ähnlich wie bei Revisionen können Spam und verwüstete Kommentare im Laufe der Zeit einfach zu verschwendetem Speicherplatz addieren. WP Rocket gibt dir die Möglichkeit, Folgendes zu löschen:

Wenn du keine Kommentare auf deiner WordPress-Seite verwendest, empfehlen wir dir, die Kommentare einfach zu deaktivieren, um zu verhindern, dass Spam überhaupt durchkommt. Du musst dir dann auch keine Sorgen um die Installation von Spam-Plugins machen.

Transienten Cleanup

Transienten in WordPress werden manchmal übersehen, aber sie sind sehr wichtig! Tatsächlich haben wir gesehen, wie ein beschädigter transienter Cache eine WordPress-Site komplett lahmgelegt hat. Diese haben nur einen temporären Charakter, so dass es sicher ist, sie zu entfernen, und wir empfehlen das auch wirklich. Wenn sie von einem Plugin benötigt werden, werden sie automatisch neu generiert. WP Rocket gibt dir die Möglichkeit, Folgendes zu löschen:

Datenbankbereinigung

Die Option zum Aufräumen der Datenbank reduziert den Overhead der Datenbanktabellen. Allerdings verwenden wir bei Kinsta InnoDB anstelle von MyISAM und deshalb muss diese Option normalerweise nicht verwendet werden. InnoDB hat gezeigt, dass es besser funktioniert und zuverlässiger ist. Ein wichtiger Grund, InnoDB über MyISAM zu verwenden, ist die Nutzung von row-level locking. Dadurch können deine Datenbankabfragen schneller verarbeitet werden. Wenn du deine WordPress Webseite zu Kinsta migrierst, ist dies eine der vielen Optimierungen, die unsere Ingenieure an deiner Webseite vornehmen.

Haben Sie mit Ausfallzeiten und WordPress-Problemen zu kämpfen? Kinsta ist die Hosting-Lösung, die Ihnen Zeit spart! Sieh dir unsere Features an

Automatische Bereinigung

WP Rocket bietet dir auch die Möglichkeit, die automatische Bereinigung deiner Datenbank auf täglicher, wöchentlicher oder monatlicher Basis zu planen. Dies wird mit einem cron job hinter den Kulissen festgelegt.

CDN

Unter dem Menü „CDN“ kannst du ein Content-Delivery-Netzwerk von Drittanbietern aktivieren. Dies ist wirklich ein Kinderspiel, wenn es um die Leistung geht. Diese entlasten deinen Webserver und beschleunigen gleichzeitig die Bereitstellung von Inhalten für deine Besucher, was deren Erlebnis verbessert. Schau dir an, warum wir denken, dass jede Website ein CDN verwenden sollte.

Wenn du ein Kinsta-Kunde bist, wird dieses Menü nicht benötigt, da das Kinsta-CDN automatisch hinter den Kulissen auf deiner Website bereitgestellt wird. Wir haben jedoch auf einigen wenigen Seiten festgestellt, dass du möglicherweise in deine Kinsta-CDN-URL eingeben musst, wenn WP Rocket aktiviert ist.

Wir empfehlen, deine WordPress-Site zuerst durch ein Website-Geschwindigkeitstesttool laufen zu lassen, um zu bestätigen, dass alle deine Assets (JS, CSS und Bilder) vom Kinsta-CDN geladen werden. Wenn dies nicht der Fall ist, versuche, deine Kinsta-CDN-URL manuell einzugeben (Beispiel: https://mk0dgs321g.kinstacdn.com).

Fügen Sie Ihre CDN-Einstellungen in WP Rocket hinzu.

Fügen Sie Ihre CDN-Einstellungen in WP Rocket hinzu.

Heartbeat

Heartbeat ist eine WordPress Core API für Server-Polling. Sie wird von vielen Themes und Plugins verwendet, um eine Verbindung mit deinem Server aufrecht zu erhalten. Dies erlaubt WordPress-Entwicklern, Echtzeit-Updates in ihre Produkte einzubauen.

WordPress Heartbeat Einstellungen in WP Rocket ändern.

WordPress Heartbeat Einstellungen in WP Rocket ändern.

Standardmäßig läuft der clientseitige Heartbeat-Code alle 15-60 Sekunden. Abhängig von deiner Webseite und Serverkonfiguration sind häufige Heartbeat-Server-Pings möglicherweise nicht notwendig.

Mit WP Rocket kannst du die Heartbeat-Ping-Intervalle auf 2 Minuten reduzieren oder die Pings für das Backend (WP-Dashboard), das Frontend und den Post-Editor deiner Webseite komplett deaktivieren.

Für die meisten Webseiten empfehlen wir die Option „Aktivität reduzieren“ zu verwenden. Viele moderne Plugins und Themes stellen den Heartbeat für die Kernfunktionalitäten sicher, so dass eine komplette Deaktivierung deine Webseite zerstören könnte.

Add-Ons

Unter den „Add-Ons“ gibt dir WP Rocket die Möglichkeit, deiner Webseite zusätzliche Dienste wie Cloudflare, Sucuri, Google Analytics und Facebook Pixel hinzuzufügen. Wenn du einen dieser Dienste auf deiner Webseite verwendest, empfehlen wir dir, sie über WP Rocket einzurichten, um sicherzustellen, dass du von der optimalsten Integration für diese Dienste profitierst.

Wenn du bereits andere Plugins verwendest, um diese Dienste in deine Webseite zu integrieren, kannst du diese Plugins sicher entfernen, nachdem du das Add-on in WP Rocket konfiguriert hast. WP Rocket Add-Ons.

WP Rocket add-ons.

WP Rocket add-ons.

Image Optimization

Die Entwickler von WP Rocket sind die gleichen Leute, die hinter Imagify, einem unserer beliebtesten Bildoptimierungsdienste, stehen. Wenn du nach einem einfach zu bedienenden WordPress-Plugin zur Optimierung von Bildern suchst, schau dir Imagify an. Um mehr über Bildoptimierung und andere Optimierungs-Plugins und Lösungen zu erfahren, schau dir diesen Artikel an.

Bildoptimierung von Imagify.

Bildoptimierung von Imagify.

Endgültige Geschwindigkeitstests

Wir führten dann einige abschließende Geschwindigkeitstests durch, bei denen alles aktiviert war, so dass man ein Vorher und Nachher deutlich erkennen konnte. Hinweis: Diese WordPress-Seite wird bei Kinsta gehostet.

Vor WP Rocket

Wir haben 5 Tests in Pingdom ohne WP Rocket durchgeführt und den Durchschnitt genommen.

Vor WP Rocket

Vor WP Rocket

Wir haben dann einen Test in Google PageSpeed Insights ohne WP Rocket durchgeführt.

PageSpeed Insights vor WP Rocket

Google PageSpeed Insights vor WP Rocket

Nach WP Rocket

Wir führten dann 5 Tests in Pingdom mit WP Rocket und aktivierten Optionen durch und nahmen den Durchschnitt.

Mit WP Rocket

Mit WP Rocket

Wir haben dann einen Test in Google PageSpeed Insights mit WP Rocket durchgeführt.

PageSpeed Insights nach WP Rocket

Google PageSpeed Insights nach WP Rocket

Hier ist der Auszug aus den obigen Ergebnissen:

Wie du oben sehen kannst, ist es mit WP Rocket unglaublich einfach, deine WordPress Webseite mit nur ein paar einfachen Klicks zu beschleunigen!

Zusammenfassung

Das Team von WP Rocket setzt sich konsequent für neue Funktionen ein, die sich direkt an den Empfehlungen zur Web-Performance orientieren, die wir bei Kinsta teilen. Du kannst erwarten, dass die Integration mit dem Plugin in den nächsten Monaten noch enger wird! Wir freuen uns, dass Kunden dieses Plugin nun ohne zusätzliche Anpassungen nutzen können.

Wir würden uns freuen zu hören, was du denkst? Benutzt du WP Rocket? Lass es uns unten in den Kommentaren wissen.


Wenn Dir dieser Artikel gefallen hat, dann wirst du Kinsta’s WordPress Hosting-Plattform lieben. Beschleunige deine Webseite und erhalte 24/7 Support von unserem erfahrenen WordPress-Team. Unsere Google Cloud basierte Infrastruktur konzentriert sich auf die Bereiche Auto-Scaling, Performance und Sicherheit. Lass uns dir den Kinsta-Unterschied zeigen! Schau Dir hier unsere Pakete an