Divi-Plugin-Highlight: Divi Rocket

Die Ladegeschwindigkeit der Website ist entscheidend für die Aufrechterhaltung einer guten SEO und die Reduzierung der Absprungrate einer Website. Es gibt viele Caching-Plugins, die die Leistung steigern können, aber die meisten Caching-Plugins sind generisch. Sie arbeiten mit den wichtigsten Einstellungen für die meisten Themes, anstatt auf spezifische Bedürfnisse oder Funktionen eines Themes abzuzielen. Jetzt gibt es ein Caching-Plugin, das speziell für Divi entwickelt wurde.

Divi Rocket ist ein Plugin von Drittanbietern, das so konzipiert wurde, dass es „Divi-bewusst“ ist. Es ist mit der Funktionsweise von Divi sowie mit den Abschnitten und Modulen von Divi vertraut. Es weiß, was auf einer Divi-Seite zwischengespeichert und überprüft werden muss, wenn der Cache neu generiert wird. In diesem Artikel werfen wir einen Blick auf Divi Rocket, sehen, was es kann und wie einfach es zu bedienen ist.

Installation und Aktivierung

Bevor Sie Divi Rocket verwenden können, müssen Sie Ihren Lizenzschlüssel eingeben. Gehen Sie im Dashboard-Menü zu Divi > Divi Rocket . Sobald Sie das Plugin aktivieren, werden die Menüregisterkarten entsperrt, in denen Sie eine Auswahl treffen und Aufgaben ausführen können.

Das Menüdesign ähnelt dem Divi-Menüdesign. Es sieht elegant aus, ist aber auch leicht zu verstehen und zu befolgen (im Gegensatz zu einigen Caching-Plugins, die zu viele Einstellungen haben, die schwer zu verfolgen und einzurichten sind). Es fügt der Admin-Leiste auch ein Menü hinzu, in dem Sie den Cache für den aktuellen Beitrag (wenn Sie die Site vom Frontend aus anzeigen), den gesamten Cache leeren und die Einstellungen anzeigen können.

Aufgaben

Die Registerkarte Aufgaben enthält 12 Aufgaben zum Optimieren oder Löschen von Dateien. Zu den Aufgaben gehören:

1. Tabellen optimieren
2. Beitragsüberarbeitungsbeiträge löschen
3. Automatisch erstellte Beiträge löschen
4. Löschen Sie gelöschte Beiträge
5. Spam oder gelöschte Kommentare löschen
6. Nicht genehmigte Kommentare löschen
7. Pingbacks und Trackbacks löschen
8. Verwaiste Post-Metadaten löschen
9. Verwaiste Kommentarmetadaten löschen
10. Verwaiste Beziehungsdaten löschen
11. Verwaiste Benutzermetadaten löschen
12. Verwaiste Begriffsmetadaten löschen

Jede Aufgabe zeigt die Anzahl der Elemente an, die gelöscht werden. Wählen Sie die Aufgabe oder Aufgaben aus, die Sie ausführen möchten, und klicken Sie auf Ausgewählte Aufgaben verarbeiten. Optimize Tables ist besonders interessant. Es ist eine Datenbankoptimierung, die speziell für Divi entwickelt wurde. Sobald Sie die Aufgaben ausgeführt haben, wird angezeigt, ob jede einzelne erfolgreich war oder ob keine Optimierungen durchgeführt wurden.

Browser-Caching

Durch Aktivieren des Browser-Caching wird der Browser angewiesen, statische Ressourcen wie JPG-, JPEG-, PNG-, GIF-, SVG-, PDF-, CSS-, JS-, Flv-, ​​IC- und SWF-Dateien für Apache-Server zwischenzuspeichern. Sie können die Anzahl der Tage für den Cache-Ablauf steuern und URLs hinzufügen, die ignoriert werden sollen.

Server-Caching

Server-Caching ermöglicht das Caching auf der Serverseite. Sie können auch das serverseitige Caching für jede Benutzerrolle deaktivieren.

Das serverseitige Caching funktioniert anders als das standardmäßige Server-Caching. Die meisten Cache-Plugins speichern eine zwischengespeicherte Version der gesamten Seite und senden diese dann an einen Browser. Bei jeder Änderung wird die gesamte Seite im Cache neu generiert.

Divi Rocket wurde speziell für Divi-Module entwickelt. Es weiß, dass sich ein Modul auf einer Seite ändern kann, während der Rest der Seite gleich bleibt. Es ist sich bewusst, dass sich Blog- und Shop-Module häufig ändern können, während sich Klappentexte und Personenmodule seltener ändern. Dies bedeutet, dass bei jeder Änderung nur ein Teil der Seite anstelle der gesamten Seite neu generiert werden kann.

Faules Laden

Lazy Loading lädt Divi-Abschnitte, während der Benutzer zu ihnen scrollt. Dies bedeutet, dass nur ein Teil der Website geladen werden muss, bevor der Benutzer mit dem Surfen auf der Website beginnen kann. Es bedeutet auch, dass die Teile der Site, die der Benutzer nie besucht, nicht geladen werden müssen.

Es erfordert serverseitiges Caching und befindet sich noch in der Testphase. Sobald Sie es aktiviert haben, können Sie die Anzahl der Divi-Abschnitte festlegen, die beim Laden der Site anfänglich geladen werden, und die Anzahl der Abschnitte, die jedes Mal geladen werden, wenn eine Ladeanforderung gesendet wird.

Das Lazy Loading zeigt einen weißen Hintergrund mit einem Preloader, bis der nächste Abschnitt geladen wird. Die Ladezeit für den nächsten Abschnitt auf meinem Testserver war extrem schnell.

Kompression

Komprimierung fügt eine GZip-Komprimierungsoption hinzu. Diese Funktion hatte den größten Einfluss auf meine Testgeschwindigkeiten.

Systemspezifikationen

Systemspezifikationen zeigt dieselben Informationen an, die Sie im Menü Divi > Support Center finden , bietet jedoch weitere Informationen zu den Einstellungen und enthält Links zu noch mehr Informationen. Die Beschreibungen enthalten Informationen zu den Arten von Problemen, die auftreten, wenn Ihr Server die Anforderungen nicht erfüllt, was bei der Fehlerbehebung noch hilfreicher ist.

Sonstig

Verschiedenes fügt WordPress vier neue Einstellungen hinzu:

Post-Revisions-Limit – Hier können Sie die Anzahl der Revisionen angeben, die WordPress für jeden Beitrag behält. Dies hilft, Serverspeicherplatz zu sparen und verhindert, dass Ihre Website zu viele Überarbeitungen verfolgen muss, die Sie nie verwenden werden.

Pingbacks und Trackbacks zulassen – stellen Sie sie auf offen oder geschlossen ein. Es steuert beides mit einer Einstellung.

Footer Credit – fügt Divi Rocket dem Footer Credit mit einem Link und dem Divi Rocket-Symbol hinzu. Sie haben mehrere Möglichkeiten, es anzuzeigen. Zeigen Sie es in der unteren Leiste unter der Fußzeile an (dies wird nur angezeigt, wenn Sie die Standardfußzeile verwenden), zeigen Sie sie zentriert in einer neuen Leiste unter der unteren Leiste an oder deaktivieren Sie sie. Es ist standardmäßig aktiviert. Wenn Sie Ihre Affiliate-ID hinzufügen, wird diese in den Link aufgenommen.

Divi Space-Partner-ID – Wenn Sie ein Divi Space-Partnerkonto haben, wird die ID hier dem Link in den Fußzeilen-Credits hinzugefügt.

Vorher und nachher

Hier ist ein Blick auf meine Vorher-Nachher-Ergebnisse von GTMetrix für meine nicht optimierte Testseite. Dies testet nur einen Teil der Funktionen von Divi Rocket, es ist also kein wirklich vollständiger Test. Es zeigt, wie es meine Ladegeschwindigkeiten verbessert hat.

Meine Testseite

Hier sind meine Testergebnisse, bevor ich eine der Verbesserungen oder Komprimierungen durchführe. Mein PageSpeed-Score beträgt 45%, YSlow beträgt 63%, die vollständige Ladezeit beträgt 3,5 Sekunden, die Seitengröße beträgt 2,12 MB und es werden 39 Anfragen gestellt. Ich verwende die Landing Page aus dem Divi Magazine Layout Pack.

PageSpeed ​​zeigt, dass meine wichtigsten Anforderungen darin bestehen, die Komprimierung zu aktivieren und Browser-Caching zu nutzen.

YSlow zeigt, dass die kritischsten Bereiche das Hinzufügen von Expires-Headern, das Komprimieren von Komponenten, die Verwendung von CDN und das Stellen weniger HTTP-Anforderungen umfassen.

Nur mit aktiviertem Browser-Cache

Sowohl die PageSpeed- als auch die YSlow-Werte haben sich leicht verbessert. Die Volllastzeit verkürzt sich. Die Seitengröße und die Anfragen blieben gleich.

Das Browser-Caching wurde von 49 auf 96 umgestellt.

Der YSlow-Score für das Hinzufügen von abgelaufenen Headern ging von 0 auf 78.

Server-Cache hinzufügen

Durch serverseitiges Caching haben sich die Vollladezeit und die Anzahl der Anfragen leicht verbessert. Das erzählt natürlich nur einen Teil der Geschichte. Weitere Verbesserungen sind bei den Serverressourcen zu sehen, da das serverseitige Caching nur die geänderten Module aktualisiert.

Der PageSpeed-Score wurde für die Verzögerung des Parsens von JavaScript reduziert.

Der YSlow-Score verbesserte sich leicht für weniger HTML-Anfragen.

GZip hinzufügen

Das Aktivieren der GZip-Komprimierung brachte die größte Verbesserung. PageSpeed ​​stieg auf 92 %, während YSlow auf 84 % stieg. Die Vollladezeit sank auf 1,7 Sekunden und die Gesamtseitengröße sank auf 862 KB. Die Anfragen blieben gleich.

Für PageSpeed ​​ging die Komprimierung aktivieren von 0 auf 100.

Bei YSlow wurde die Komprimierungskomponente von 0 auf 100 geändert.

Ergebnisse

So konnte Divi Rocket meine GTMetrix-Werte verbessern:

• PageSpeed ​​von 45 bis 92
• YLangsam von 63 auf 84
• Voll geladene Zeit von 3,5 Sek. bis 1,7 Sek.
• Gesamtseitengröße von 2,12 MB bis 862 KB
• Anfragen von 39 bis 38

Diese Scores gelten ohne weitere Änderungen an der Website.

Preis und Dokumentation

Sie können Divi Rocket von der Website des Entwicklers kaufen. Es gibt mehrere Kaufoptionen für Divi Rocket:

• Einzelner Standort – 49 USD pro Jahr
• 3 Standorte – 89 USD pro Jahr
• Unbegrenzte Websites – 179 USD pro Jahr

Es ist auch in ihren jährlichen und lebenslangen Mitgliedschaften enthalten.

Die Dokumentation wird auf der Website des Entwicklers bereitgestellt. Es führt Sie durch die Funktionen des Plugins und zeigt, wie Sie es verwenden. Ich habe es für diesen Artikel nicht benötigt, aber ich bin froh zu sehen, dass es verfügbar ist.

Gedanken beenden

Divi Rocket ist ein interessantes Plugin. Es ist einfach zu bedienen und ich mag das klare Menüdesign. Es sieht eher aus wie ein Divi-Produkt als ein generisches WordPress-Produkt. Mir gefällt, dass es speziell für Divi entwickelt wurde und Abschnitte und Module auf eine Weise nutzt, die andere Cache-Plugins nicht können. Es gibt nicht viele Einstellungen, mit denen Sie umgehen müssen, aber es bietet immer noch die Einstellungen, die die meisten Websites benötigen. Es erklärt, was jede Funktion tut, und ist somit ideal für erfahrene Entwickler und Anfänger.

Meine Tests erzählen nur einen Teil der Geschichte. So würden beispielsweise die Lasteinsparungen auf dem Server für die Datenbankoptimierung und die Art und Weise, wie einzelne Module auf Updates geprüft werden, Serverressourcen sparen. Dies taucht nicht in den Ladegeschwindigkeitswerten auf.

Ich würde gerne sehen, dass es mit Extra funktioniert. Die Entwicklerseite zeigt jedoch, dass weitere Funktionen auf dem Weg sind. Es wird bald CSS und JavaScript verkleinern und kombinieren. Es wird auch ein CDN enthalten, das die Kerndateien von Divi zwischenspeichert, um die Leistung noch weiter als bei Standard-CDNs zu verbessern.

Divi Rocket hat die Geschwindigkeit meiner komplett nicht optimierten Testseite bereits auf das Niveau anderer Cache-Plugins gebracht. Sobald die Minimierung und ein CDN hinzugefügt wurden, sollte dies eine viel bessere Option für jede Divi-Website sein.

Wir wollen von dir hören. Haben Sie Divi Rocket ausprobiert? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über Victoruler / shutterstock.com