Der ultimative Leitfaden zur Beschleunigung Ihrer Divi-Website

Divi ist nicht irgendein Seitenersteller. Divi hebt den Designprozess auf eine ganz neue Ebene mit einem kompletten Webdesign-System, mit dem Sie jeden Teil Ihrer Website visuell gestalten können, ohne sich so sehr auf komplizierte Designsoftware von Drittanbietern (wie Photoshop oder Sketch) verlassen zu müssen. Das bedeutet, dass das Divi Theme (und das Divi Builder Plugin) mehr Ressourcen benötigen als beispielsweise das grundlegende WordPress TwentyNineteen Theme. Aber das bedeutet nicht, dass Divi langsam sein muss.

Tatsächlich hat Divi viele Leistungsverbesserungen, die in früheren Updates hinzugefügt wurden, die dazu geführt haben, dass Divi-Sites (und der Divi Builder) schneller denn je laufen. Außerdem wurde Divi mit Blick auf die Optimierung durch Drittanbieter entwickelt. So viele der Leistungsoptimierungs-Plugins, die für WordPress verwendet werden, können auch verwendet werden, um die Geschwindigkeitsleistung für Ihre Divi-Website zu steigern.

In diesem Beitrag werden wir untersuchen, was bereits getan wurde, um Divi zu beschleunigen und was wir tun können, um es noch schneller zu machen. Hier sind einige wichtige Themen, die wir behandeln werden:

• Wie eine Website angezeigt wird
• Eingebaute Divi-Geschwindigkeitsleistung
• Datenbankoptimierung
• DNS-Optimierung
• Gutes Hosting
• TTFB-Optimierung
• Caching
• Minimierung und Aggregation
• Gzip-Komprimierung
• CDN
• Bildoptimierung
• Videooptimierung
• Qualitäts-Plugins verwenden
• Durchführung von Geschwindigkeitstests
• Andere Tipps
• So vermeiden Sie mögliche Konflikte mit Plugins von Drittanbietern
• Kurze Liste mit empfohlenen Praktiken und Ressourcen

Vorteile einer Fast Divi-Website

Es nützt nichts, Sie davon zu überzeugen, dass Sie eine schnellere Website benötigen. Aber hier sind ein paar offensichtliche Vorteile, die Sie nicht ignorieren können.

• Verringerte Absprungrate – Besucher verlassen Ihre Website nicht so oft.
• Erhöhte Conversions – Eine schnellere Bereitstellung Ihrer Website kann zu besseren Conversions führen.
• SEO – Google mag Websites, die auf Geschwindigkeit optimiert sind.
• Glaubwürdigkeit – Langsame Websites hinterlassen bei Ihren Besuchern einen schlechten ersten Eindruck.

Wie schnell ist schnell genug?

Im Allgemeinen ist es ein gutes Ziel, dass Ihre Webseiten in 3 Sekunden oder weniger geladen werden. Obwohl es scheint, dass die meisten Kunden heutzutage 2 Sekunden oder weniger erwarten. Aber natürlich ist jede Website und Webseite anders.

Wie eine Divi-Website angezeigt wird

Um zu verstehen, wie Sie Ihre Divi-Site beschleunigen können, kann es hilfreich sein, zu verstehen, was bei der Anzeige einer Website erforderlich ist. Dies ist natürlich nicht nur bei Divi der Fall. Dies würde auf die meisten WordPress-Websites zutreffen.

Hier ist, was passiert..

1. Sie geben eine URL zu der Webseite ein, die Sie besuchen möchten (oder klicken auf einen Link).
2. Ihr Browser findet die IP-Adresse für diese URL über Ihren DNS (Domain Name Server) und fordert diese IP-Adresse auf einem Webserver (auf dem Sie Ihre Site hosten) an.
3. Der Webserver (normalerweise Apache) empfängt die Anfrage und ruft dann die von ihm gespeicherte Webseite (die Sie in Divi entworfen und in WordPress veröffentlicht haben) ab.
   • Da die Seite jedoch auf externes CSS und JavaScript angewiesen ist, das von WordPress und dem Divi-Theme verwendet wird, müssen diese ebenfalls vom Server heruntergeladen werden.
   • Die Seite enthält auch PHP, das verwendet wird, um Daten (wie Bilder) aus der MySQL-Datenbank abzurufen.
4. Nachdem alle notwendigen Ressourcen vom Server und der Datenbank abgerufen wurden, wird die Seite schließlich dem Browser des Clients bereitgestellt.

Dies mag nach vielen Schritten klingen, nur um eine Webseite anzuzeigen, aber für eine WordPress-Site ist dies unabhängig vom verwendeten Thema ziemlich Standard. Und wenn man darüber nachdenkt, ist der ganze Prozess ziemlich wundersam. Aber leider ist es für uns Nutzer eine Selbstverständlichkeit. Heute erwarten wir, dass all dies in weniger als 3 Sekunden geschieht.

Was können wir also tun, um den Prozess voranzutreiben? Erstens müssen wir anerkennen, dass es Dinge gibt, die außerhalb unserer Kontrolle liegen, wenn es darum geht, eine Website zu beschleunigen. Sie haben beispielsweise keine Kontrolle über die Art des Browsers, den ein Besucher verwendet, oder die Geschwindigkeit seiner Internetverbindung. Aber abgesehen von diesen Dingen gibt es Dinge, die wir tun können und sollten, um unsere Divi-Website schneller zu machen.

Lassen Sie uns zunächst einen Blick auf einige der integrierten Geschwindigkeitsoptimierungen werfen, die Divi bereits hat.

Eingebaute Divi-Geschwindigkeitsleistung

Statische CSS-Dateigenerierung

Die ersten Geschwindigkeitsverbesserungen von Divi kamen mit der statischen CSS-Dateigenerierung.

Vor diesem Upgrade wurde das gesamte vom Divi Builder generierte CSS inline in der Fußzeile einer Seite bereitgestellt. Aber mit dieser Verbesserung übernimmt Divi jetzt alle CSS, die vom Divi Builder erstellt wurden (und dem Theme Customizer und den Theme Options hinzugefügt wurden) und stellt sie als statische CSS-Datei bereit, die automatisch für Sie minimiert wurde. Dadurch wird die Dokumentgröße einer Seite verringert und der Browser kann eine zwischengespeicherte Version der statischen CSS-Datei bereitstellen, um das Laden der Seite zu beschleunigen.

Sie können diese Option in den Designoptionen oder in den Seiteneinstellungen aktivieren oder deaktivieren.

Verkleinerung und Aggregation von CSS- und JavaScript-Dateien und optimierte Bereitstellung von Google Fonts

Die zweite Welle der Leistungsverbesserungen der Divi-Geschwindigkeit verbesserte die Seitenladegeschwindigkeit noch weiter, indem die Bereitstellung von CSS, JavaScript und Google Fonts optimiert wurde.

Das Upgrade beinhaltete Folgendes:

• CSS- und JavaScript-Dateiverkleinerung – Divi minimiert automatisch alle CSS- und JavaScript-Dateien des Themas, reduziert die Größe der Seite und verbessert die Ladezeiten.
• CSS- und JavaScript-Dateikombination – Divi aggregiert (oder kombiniert) jetzt automatisch alle CSS- und JavaScript-Assets in einer einzigen Datei. Dies reduziert die Gesamtzahl der Anfragen auf der Seite und beschleunigt die Ladezeiten für Ihre Besucher.
• Google Font Anfrage Optimization - Divi optimiert Google Schrift liefert Schriftanforderungen kombiniert und Entfernen von doppelten Font - Dateien. Für Seiten, die verschiedene benutzerdefinierte Schriftarten verwenden, hilft dieses Update, die Ladezeiten zu beschleunigen.

Sie können diese Optionen auch in den Designoptionen aktivieren oder deaktivieren.

Ein schnelleres Divi-Theme und ein Visual Builder

Obwohl die meisten besorgt sind, wie schnell ihre Divi-Site für Besucher im Frontend geladen werden kann, hilft es auch, ein schnelleres Backend zu haben. Entwickler (und Kunden) möchten auch ihre Divi-Website schnell bearbeiten und gestalten können.

Aus diesem Grund umfasste die dritte Welle der Divi-Geschwindigkeits- und Leistungsverbesserungen Upgrades sowohl für das Divi-Theme als auch für den Divi-Builder. Durch kreative Caching-Mechanismen und andere Leistungsoptimierungen wurden die Seitenladegeschwindigkeiten bei Standardinstallationen von Divi verbessert. Außerdem arbeiten WordPress Admin und Divi Builder viel schneller, was den Bearbeitungs- und Designprozess viel schneller macht.

Das Caching findet hinter den Kulissen statt und hat mehr damit zu tun, wie das Divi HTML/CSS generiert wird und nicht, wie Seiten an Ihre Besucher geliefert werden. Dies gilt für Divi-Themendateien. Divi versucht nicht, Dateien von Drittanbietern zwischenzuspeichern, zu minimieren oder zu kombinieren. Es gibt also noch Raum für weitere Verbesserungen mit Caching- und Leistungs-Plugins von Drittanbietern, die zusätzliches CSS oder JavaScript, das von Ihrer Website verwendet wird (wie diejenigen, die in Ihrem Divi Child Theme oder anderen Plugins von Drittanbietern enthalten sind), minimieren und kombinieren und zwischengespeichert liefern statische HTML-Seiten für Besucher.

Divi-Systemstatus

Obwohl es technisch gesehen keine Geschwindigkeitsverbesserung darstellt, wird Divis Update mit einem integrierten Systemstatusbericht definitiv dazu beitragen, Probleme mit der Umgebung Ihrer Website zu identifizieren, die zu langsameren Seitenladezeiten führen können.

Ihr Systemstatus kann beispielsweise anzeigen, dass Sie eine ältere PHP-Version verwenden, die Ihre Site möglicherweise verlangsamt. Wir empfehlen die Verwendung der neuesten stabilen PHP-Version. Dies gewährleistet nicht nur die Kompatibilität mit WordPress und Divi, sondern beschleunigt auch Ihre Website, was zu weniger Speicher- und CPU-Problemen führt. Weitere Informationen finden Sie in unserem Beitrag zum Aktualisieren Ihrer PHP-Version.

Machen Sie Ihre Divi-Site noch schneller

Um Ihre Divi-Site schneller zu machen, sind viele der gleichen Leistungsverbesserungen erforderlich, die für die meisten WordPress-Websites erforderlich sind. Diejenigen von Ihnen, die WordPress verwendet haben, haben möglicherweise bereits einige oder alle dieser Optimierungen vorgenommen. Hoffentlich werden diese Vorschläge dazu beitragen, die Geschwindigkeit Ihrer Divi-Website auf die nächste Stufe zu heben.

Datenbankoptimierung und -bereinigung

Im Gegensatz zu statischen HTML-Sites ist WordPress ein dynamisches CMS, das PHP verwendet, um in einer MySQL-Datenbank gespeicherte Daten abzurufen, um diese Daten auf einer Webseite anzuzeigen. Dies macht die Verwaltung Ihrer Site einfach, aber der Nachteil ist, dass das Laden der Seiten länger dauert, da die Daten in der Datenbank gefunden werden müssen, bevor die Seite geladen wird. Im Allgemeinen sind statische HTML-Websites aus diesem Grund schneller als WordPress-Websites.

Eine Möglichkeit, eine Divi-Site so schnell wie möglich zu halten, besteht darin, sicherzustellen, dass Sie eine saubere Datenbank haben. WordPress-Site-Dateien sind in Ihrer Datenbank nach Tabellen organisiert und jedes Mal, wenn Sie Ihrer Site neue Daten (wie Themen und Plugins) hinzufügen, erstellen Sie neue Tabellen und weitere Daten. Erwartungsgemäß ist es umso schwieriger, die Daten zu finden, je unübersichtlicher Ihre Datenbank ist. Dies führt zu einer langsameren Website.

Wenn Sie also nach jahrelangem Ausprobieren anderer Themen und unzähliger Plugins das Divi-Theme zu Ihrer Website hinzugefügt haben, haben Sie wahrscheinlich einige Daten gespeichert, die Sie nicht mehr benötigen. Selbst wenn Sie ein Plugin deinstallieren, bedeutet dies nicht, dass alle Daten in der Datenbank verschwunden sind. Plugins lassen gerne einige Daten drin, falls Sie das Plugin neu installieren. Nicht cool, ich weiß. Diese übrig gebliebenen Daten können zu unnötigem Durcheinander führen und Ihre Website verlangsamen.

So wie jeder Mensch eine Organisation braucht, um effizienter zu arbeiten, benötigt jede WordPress-Site (Divi oder nicht) eine saubere Datenbank, um Seiten schneller zu laden. Wenn Sie Ihre Website also schon eine Weile haben, kann die Bereinigung die Dinge erheblich beschleunigen.

Ich würde vorschlagen, dafür ein Plugin zu verwenden. WP Optimize scheint eine glaubwürdige Option zu sein. Aber es gibt noch andere WordPress-Datenbank-Plugins, die Sie in Betracht ziehen sollten.

Wenn Sie wissen, was Sie tun, können Sie dies jederzeit manuell in MySQL tun.

Neben der Bereinigung Ihrer WordPress-Datenbank möchten Sie WordPress möglicherweise noch einfacher machen, indem Sie die darin gespeicherten Daten reduzieren. Zum Beispiel hält WordPress gelöschte Elemente automatisch 30 Tage lang im Papierkorb. Sie können diesen Zeitraum auf 7 reduzieren.

DNS-Optimierung

Das allererste, was passieren muss, wenn ein Benutzer die URL zu einer Ihrer Webseiten besucht, wird als DNS-Lookup bezeichnet. Sobald die URL eingegeben (oder angeklickt) wird, sendet der ISP des Besuchers eine DNS-Anfrage an die Nameserver, um die mit Ihrer Domain verbundene IP-Adresse zu finden (jede Domain/Website hat eine bestimmte IP-Adresse). Im Wesentlichen ist eine DNS-Suche wie das Nachschlagen Ihres Domänennamens in einem Telefonbuch, um die IP-Adresse für diese Domäne zu finden.

Wenn ein Benutzer jedoch eine Seite Ihrer Website besucht, kann die Seite über mehrere Domänen verfügen, auf die zugegriffen werden muss, um die Seite aufzurufen. Sie könnten also 3 oder 4 Domain-Lookups beim Laden einer einzigen Seite durchführen (vielleicht mehr).

Im Allgemeinen werden die meisten kostenlosen DNS-Anbieter wie Godaddy und Namecheap im Allgemeinen langsamer sein, als Ihnen wahrscheinlich lieb ist.

Die beste kostenlose Option, die Ihre DNS-Suchgeschwindigkeit erhöht, ist wahrscheinlich Cloudflare. Sie haben die schnellste DNS-Leistung, die auf DNSPerf.com aufgezeichnet wurde. Dies wird deutlich schneller sein als GoDaddy und Namecheap. Und Sie können Cloudflare sogar so optimieren, dass es für DNS ohne ihre anderen Dienste (wie CDN oder WAF) verwendet wird, wenn Sie möchten.

Vielleicht möchten Sie beispielsweise Cloudflare für DNS und Sicherheit (DDOS-Erkennung) und KeyCDN (oder MaxCDN) für Ihr CDN verwenden. Das scheint eine tolle Kombination zu sein.

CloudFlare einrichten

Cloudflare ist wirklich einfach einzurichten. Sie müssen sich nicht vorher um einen Hosting-Wechsel oder ähnliches kümmern. Alles, was Sie tun müssen, ist die 5-minütige Einrichtung zu durchlaufen, die mit der Eingabe Ihrer Domain beginnt.

Sie werden Ihre aktuellen DNS-Einträge automatisch abrufen.

Das Wichtigste, was Sie tun müssen, um die Einrichtung abzuschließen, ist, die Standard-Nameserver Ihres aktuellen DNS-Anbieters (wie GoDaddy) in die Nameserver von Cloudflare zu ändern.

Dann können Sie Ihr DNS einfach über das Dashboard verwalten.

Und ganz einfach haben Sie eine Steigerung der DNS-Lookup-Geschwindigkeit, mehr Sicherheit und ein CDN für Ihre Website (plus mehr).

Gutes Hosting

Wenn Sie es mit der Geschwindigkeit (und Leistung) Ihrer Website wirklich ernst meinen, beginnt es mit der Auswahl eines guten Hosting-Providers. Tatsächlich können Sie alles richtig machen, um Ihre Website auf Geschwindigkeit zu optimieren und dennoch aufgrund Ihres Hosts eine langsame Website zu haben. Und die wirklich guten Hosting-Anbieter werden viele dieser Geschwindigkeitsoptimierungen für Sie vornehmen, damit Sie sich keine Sorgen machen müssen.

Arten von Hosting

Traditionelles (gemeinsames) Hosting

Dies ist bei weitem die beliebteste Art des Hostings für WordPress/Divi-Benutzer. Aber leider ist es die schlechteste Option für die Geschwindigkeitsoptimierung. Beim traditionellen Shared Hosting teilen Sie alle verfügbaren Ressourcen eines Servers mit anderen. Da Sie teilen, sind die Kosten für diese Art von Hosting gering. Der Nachteil ist jedoch, dass Sie nicht kontrollieren können, wie viel Datenverkehr diese anderen Websites auf Ihrem gemeinsam genutzten Server erhalten. So können Sie Zeiten extrem langsamer Ladezeiten und sogar Zeiten, in denen Ihre Website vollständig ausfällt, leicht zum Opfer fallen. Sie haben also eine gute Vorstellung davon, wie viel Traffic Ihr Shared Hosting verarbeiten kann.

Dediziertes Hosting

Beim dedizierten Hosting haben Sie Ihren eigenen dedizierten Server nur für Sie. Sie müssen keine Ressourcen mit anderen teilen. Dies bedeutet, dass Sie vorhersehbarere und konsistentere schnelle Ladezeiten für Ihre Website haben. Dies wird in der Regel als Top-Tier-Option für große Unternehmen zu hohen Prämienkosten angeboten.

VPS-Hosting

Virtual Private Server (VPS) Hosting ist im Grunde ein Mittelweg zwischen Shared und Dedicated Hosting. Ihr Serverraum ist „privat“, was bedeutet, dass er vollständig von allen anderen getrennt ist (wie eine geschlossene Community für Ihre Site-Dateien). So sind Ihre Site-Dateien nicht für andere auf dem Server zugänglich. Im Gegensatz zu Shared Hosting verfügt ein VPS über eine dedizierte Menge an Systemressourcen (oder Leistung), um sicherzustellen, dass Ihre Site immer das bekommt, was sie braucht, um konstant schnelle Ladezeiten zu liefern. Sie müssen sich also keine Sorgen über die Verkehrsspitzen anderer Websites machen, die Ihre Website-Geschwindigkeit beeinträchtigen.

Wenn Sie jedoch keinen verwalteten VPS haben, ist diese Art von Hosting hauptsächlich für Heimwerker gedacht, die technisch versiert genug sind, um die Dinge selbst zu handhaben. Für weitere Informationen finden Sie hier einen Leistungsvergleich zwischen VPS-Hosting und Shared Hosting.

Cloud-Hosting

Beim Cloud-Hosting haben Sie Zugriff auf ein Netzwerk von Servern (in der Cloud) anstelle eines einzelnen physischen Servers. Auf diese Weise können Sie alle benötigten Ressourcen nach Bedarf aus diesem Netzwerk von Servern abrufen. Im Wesentlichen haben Sie eine virtuelle Partition des Serverspeicherplatzes, die von der Leistung und den Ressourcen des gesamten Netzwerks unterstützt wird. Sie müssen sich also keine Sorgen über die Traffic-Spitzen machen, wie Sie es beim Shared Hosting tun würden. Cloud-Hosting ist äußerst flexibel und auf Ihre Bedürfnisse skalierbar.

Ein Hauptunterschied zwischen Cloud-Hosting und VPS-Hosting besteht darin, dass VPS-Hosting über eine dedizierte (oder begrenzte) Menge an Ressourcen verfügt, die möglicherweise erschöpft sind oder nicht. Cloud Hosting hingegen ist in der Lage, Ihre Ressourcen verfügbar zu halten, ohne dass sie erschöpft werden, da es immer von den anderen Servern in der Cloud abgerufen werden kann. Theoretisch bietet Cloud-Hosting konsistentere und zuverlässigere hohe Geschwindigkeiten. Wenn Sie es also mit Geschwindigkeit ernst meinen, ist Cloud-Hosting eine großartige Option (vielleicht sogar die beste).

Verwaltetes WordPress-Hosting

Managed WordPress Hosting bezieht sich normalerweise auf Shared Hosting, das von WordPress-Experten verwaltet wird. Es ist nicht so „privat“ wie ein VPS oder so leistungsstark wie eine dedizierte Hosting-Umgebung. Aber es hilft, die Geschwindigkeit Ihrer gemeinsamen Umgebung zu maximieren, indem WordPress-Experten die Arbeit erledigen. Sie machen dies gut, weil sie ihre Dienste anpassen und ihre Server ausschließlich für WordPress-Sites konfigurieren. Und viele von ihnen verfügen über viele coole und praktische integrierte Funktionen wie Ein-Klick-Staging-Umgebungen, Site-Caching, Ein-Klick-CDN-Bereitstellung, automatische Backups, SSLs und mehr. Sie sind perfekt für diejenigen von uns, die sich nicht auf eine Reihe von Plugins für grundlegende Geschwindigkeitsoptimierung, Sicherheit und Verwaltung verlassen (oder diese verwalten) möchten.

Zu berücksichtigende Hosting-Unternehmen

Es gibt viele WordPress-Hosting-Unternehmen da draußen. Und wenn es möglich ist, sollten Sie traditionelles Shared Hosting (nicht verwaltet) vermeiden, wenn Sie es mit der Geschwindigkeitsoptimierung ernst meinen. Aber wenn Sie eine einfache Site haben und nicht bereit sind, das zusätzliche Geld für die Verwaltung zu zahlen, scheint Siteground eine der besten für Shared Hosting zu sein.

Hier ist eine kurze Liste von Hosts, die Sie für eine schnellere Divi-Website in Betracht ziehen sollten.

• SiteGround – bietet Shared Hosting, Managed WP Hosting, Dedicated und Cloud Hosting (besuchen Sie SiteGround / unsere Rezension)
• Cloudways – ist spezialisiert auf SSD-basiertes Managed Cloud Hosting und hat auch Managed WP Hosting (besuchen Sie Cloudways / unseren Test)
• Kinsta – ist spezialisiert auf verwaltetes WP-Hosting (besuche Kinsta / unsere Rezension)
• WPEngine – spezialisiert auf verwaltetes WP-Hosting (besuchen Sie WPEngine / unsere Rezension)
• Flywheel – spezialisiert auf verwaltetes WP-Hosting (besuchen Sie Flywheel / unsere Rezension)

Diese Liste ist die Spitze des Eisbergs. Ich bin sicher, es gibt andere, die für Ihre Divi/WordPress-Site großartig funktionieren. Wenn Sie auf der Suche nach einer glaubwürdigen Hosting-Rezensionsseite sind, schauen Sie sich Review Signal an.

Sie können sich auch auf diesen Leitfaden beziehen, um Ihnen bei der Auswahl zu helfen.

Zeit bis zum ersten Byte (TTFB) Optimierung

Die Zeit bis zum ersten Byte (TTFB) ist die Zeit, die der Benutzer benötigt, um das erste Byte der Website-Daten von Ihrem Host/Server zu erhalten. Wenn ein Benutzer also eine HTTP-Anfrage stellt (Ihre Webseite lädt), dauert die TTFB im Wesentlichen diese Wartezeit, bevor Daten empfangen werden.

Stellen Sie es sich vor wie Fast Food. Das Restaurant kann optimiert werden, um Ihr Essen schnell zu liefern. Tatsächlich wartet vielleicht schon ein Hamburger auf Sie. Aber Sie müssen immer noch in der Schlange warten, um zu bestellen. Diese Wartezeit kann man sich als die Zeit für den ersten Bissen vorstellen (siehe was ich dort gemacht habe).

Die TTFB sollte ca. 200ms betragen (laut Google). Aber für Sites, die auf schlechtem Hosting sind und nicht optimiert wurden, kann die TTFB leicht 2 Sekunden oder mehr betragen.

Die TTFB-Verzögerung auf Ihrer Divi-Site wird normalerweise durch Folgendes verursacht:

• Die Menge an dynamischem Inhalt , die empfangen werden muss. Dies kann mit Caching, Datenbankoptimierung und einem CDN reduziert werden.
• Die Menge an Datenverkehr, die Ihr Server zu diesem Zeitpunkt erlebt. Herkömmliche (oder gemeinsam genutzte) Hosting-Anbieter machen es schwierig, diese TTFB zu beenden, da Sie Ressourcen mit anderen auf demselben Server teilen. Spitzen in ihrem Datenverkehr verringern die Verarbeitungsgeschwindigkeit Ihres Servers.
• Ihre Webserver-Konfiguration . Ein guter WordPress-Hosting-Anbieter kann bei der TTFB Ihrer Website helfen, indem er eine solide Backend-Infrastruktur bereitstellt und Ihre Webserver-Konfiguration optimiert (Dinge, die so ziemlich außerhalb Ihrer Kontrolle liegen).

Kurz gesagt, wenn Sie einen schnellen Schub in TTFB wünschen, erhalten Sie ein besseres Hosting und befolgen Sie die restlichen Schritte unten.

Caching

Es gibt vier Haupttypen von Caching, die implementiert werden können, um Ihre Site zu beschleunigen.

• Seiten- Caching – Dieser Prozess speichert zwischengespeicherte statische HTML-Versionen Ihrer Seite für eine schnelle Bereitstellung.
• Browser-Caching – Dies gibt Ihnen mehr Kontrolle darüber, welche Inhalte vom Browser zwischengespeichert werden können und wie lange. Nur einige Plugins können dies tun, daher ist es möglicherweise am besten, dies manuell zu tun, um mehr Kontrolle zu haben. Dies wird dazu beitragen, die Metrix "Leverage Browser Caching" bei der Durchführung von Geschwindigkeitstests zu berücksichtigen.
• CDN-Caching – Stellt zwischengespeicherte Website-Seiten/-Dateien von einem CDN bereit, das Ihren Benutzern am nächsten ist.
• Objekt-Caching – Objekt-Caching speichert wiederholte Abfrageergebnisse, die PHP initiiert, um Daten aus der Datenbank abzurufen und dem Benutzer bereitzustellen. Dies unterscheidet sich vom Bytecode-Caching, bei dem eine zwischengespeicherte Version des kompilierten PHP-Codes gespeichert wird, der zum Anzeigen Ihrer Website verwendet wird.

Divi führt Caching durch, um die statischen JS- und CSS-Dateien von Divi hinter den Kulissen bereitzustellen. Dies ist jedoch in erster Linie für die Divi-Designdateien für eine bessere Divi Builder-Funktionalität gedacht.

Es besteht weiterhin die Notwendigkeit, Caching für Ihre WordPress-Site als Ganzes zu verwenden. Die meisten Websites haben mehrere Plugins, die mit ihren eigenen CSS-Dateien geliefert werden, die möglicherweise kombiniert, minimiert und zwischengespeichert werden müssen. Sie können also definitiv ein Plugin eines Drittanbieters nutzen, um zwischengespeicherte statische HTML-Versionen aller Ihrer Seiten bereitzustellen.

Beliebte Caching-Plugins sind:

• WP-Rakete
• Cache Enabler (lesen Sie unseren Testbericht)
• W3 Total Cache (lesen Sie unseren Test)
• W3 Super Cache (lesen Sie unseren Test)
• Comet Cache (lesen Sie unseren Test)
• WP Schnellster Cache

Tipp: Wenn Sie Seiten-Caching auf Ihrer Website mithilfe eines Plugins aktiviert haben, sollten Sie sicherstellen, dass der Cache immer gelöscht (oder geleert) wird, wenn Sie Änderungen an Ihrer Website vornehmen, um sicherzustellen, dass Sie und Ihre Besucher die neueste Version Ihrer Website erhalten Seite? ˅.

Minimierung und Aggregation

Durch die Minimierung werden Ihre Site-Dateien kleiner. Durch das Verkleinern Ihrer Site-Dateien (CSS, JavaScript, HTML) werden all diese unnötigen Zeichen (wie Leerzeichen und Seitenumbrüche) entfernt, sodass die Dateigröße kleiner wird. Dadurch verkürzt sich die Zeit, die der Browser benötigt, um den Inhalt einer Seite zu laden.

Bei der Aggregation werden die Site-Dateien kombiniert, um die Gesamtzahl der Anfragen auf der Seite zu reduzieren und die Ladezeiten für Ihre Besucher zu beschleunigen.

Wie bereits erwähnt, minimiert und kombiniert Divi Javascript- und CSS-Dateien, die standardmäßig vom Divi-Theme verwendet werden. Sie müssen sich also technisch keine Gedanken über die Verwendung von Plugins von Drittanbietern machen, um die Javascript- und CSS-Dateien von Divi weiter zu verkleinern und zu kombinieren. Divi verkleinert die HTML-Ausgabe jedoch nicht. Sie können also von einem Drittanbieter-Plugin profitieren, um den gesamten HTML-Code einer Seite zu minimieren (und zwischenzuspeichern).

Außerdem hängt fast jede Divi-Site von Dateien außerhalb des Divi-Themes ab (wie Plugins oder andere Dateien, die dem Child-Theme hinzugefügt wurden), die von der Minimierung und Kombination der CSS- und JS-Dateien profitieren. Dies kann leicht durch ein Plugin gehandhabt werden.

Einige glaubwürdige Plugins, die Ihre Site-Dateien minimieren, sind:

• Autooptimieren
• W3 Total Cache (lesen Sie unseren Test)
• W3 Super Cache (lesen Sie unseren Test)
• WP-Rakete (kostenpflichtig)

Diese Plugins sollten mit Divi funktionieren. Aber es gibt keine Möglichkeit, alle Nuancen einer Website abzuschätzen, um zu sagen, dass sie für alle am besten funktioniert. Manchmal verkleinern Plugins von Drittanbietern JavaScript-Dateien automatisch so, dass Fehler/Probleme auftreten können. Testen Sie Ihre Website daher gründlich. Im Allgemeinen ist es immer sicher, CSS-Dateien zu verkleinern. Aber seien Sie vorsichtig mit diesen JavaScript-Dateien.

Und wenn es einen Konflikt gibt, müssen Sie möglicherweise die integrierten Optionen von Divi deaktivieren und das Drittanbieter-Plugin die Dinge verarbeiten lassen.

Und wenn Sie sich dafür nicht auf ein Plugin verlassen möchten, können Sie dies jederzeit manuell tun. Weitere Informationen dazu finden Sie in diesem vollständigen Beitrag zur Minimierung von CSS, HTML und JavaScript Ihrer Website.

Gzip-Komprimierung

Die Gzip-Komprimierung ist wichtiger als die Verkleinerung, da sie die Seitengröße um bis zu 70 % reduzieren kann.

Wenn Sie die Gzip-Komprimierung auf Ihrer Divi-Site aktivieren, können Sie die Geschwindigkeit erheblich steigern. Wenn Sie mit dem Erstellen komprimierter (oder gezippter) Dateien auf Ihrem Computer vertraut sind, haben Sie bereits grundlegende Kenntnisse über die Funktionsweise der Gzip-Komprimierung. Wir erstellen Zip-Dateien (oder Ordner), um den Inhalt der Datei (oder des Ordners) zu verkleinern. Wieso den? So können wir die Datei viel schneller hochladen und herunterladen! Die Gzip-Komprimierung bewirkt dasselbe für Ihre Website. Es weist den Server an, alle Dateien, die er kann, in kleinere Versionen zu komprimieren, damit sie dem Client viel schneller bereitgestellt werden können. Dies kann die Ladegeschwindigkeit der Seite wirklich erhöhen.

Dies ist einer der Bereiche, in denen Sie die Geschwindigkeit von Divi selbst bei einer Neuinstallation des Themas verbessern können. Da Divi ohnehin schon die Kern-Theme-Dateien verkleinert, werden diese Dateien durch die Gzip-Komprimierung noch kleiner. Die Gzip-Komprimierung macht Ihre Dateien viel kleiner, als es die Minimierung jemals könnte.

Viele der WordPress-Leistungs-Plugins (wie W3 Total Cache und WP Super Cache) enthalten als Option die Gzip-Komprimierung.

Hier sind einige Plugins, die die Gzip-Komprimierung unterstützen:

• WP-Rakete
• W3 Total Cache (lesen Sie unseren Test)
• WP Schnellster Cache

Und einige Hosting-Anbieter aktivieren die gzip-Komprimierung automatisch, da dies für die Site-Performance ein Kinderspiel ist. Fühlen Sie sich frei zu überprüfen, ob die Gzip-Komprimierung auf Ihrer Site aktiviert ist.

Der üblichere Weg, die Gzip-Komprimierung (auf Apache-Servern) zu aktivieren, besteht darin, dies manuell mit mod_deflate zu tun. Und alles, was Sie tun müssen, ist über FTP auf Ihre Website (das Root) zuzugreifen (stellen Sie sicher, dass versteckte Dateien angezeigt werden). Kopieren Sie dann den folgenden Codeblock und fügen Sie ihn am Ende Ihrer .htaccess-Datei ein.

Hier ist der Code:

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

CDN

StackPath CDN-PoPs

Ein Content Delivery Network (CDN) hebt die Website-Geschwindigkeit auf eine andere Ebene. Wie der Name schon sagt, ist ein CDN ein Netzwerk zur Bereitstellung von Inhalten. Das Netzwerk besteht aus Servern auf der ganzen Welt, die zwischengespeicherte statische Dateien (Bilder, Videos, Skripte usw.) Ihres Website-Inhalts speichern. Wenn eine Person dann eine Anfrage für diesen Inhalt sendet (durch den Besuch Ihrer Website), wird der Server (oder PoP), der der Person am nächsten ist, den Inhalt liefern. Ohne ein CDN sind Ihre Website-Dateien von einem Serverstandort aus zugänglich (wo auch immer Ihr Host diese Dateien speichert). Je weiter Sie von diesem Server entfernt sind, desto langsamer werden die Website-Inhalte an Ihren Browser geliefert.

Denken Sie darüber nach, wenn Sie eine Pizza zu Ihnen nach Hause liefern lassen möchten, wählen Sie nicht die Pizzeria aus, die 50 km entfernt ist. Sie wählen das 8 km entfernte, weil Sie es so schnell wie möglich geliefert haben möchten (wenn Sie ein normaler Mensch sind, der Pizza genauso liebt wie ich). Ein CDN funktioniert ähnlich. Da Sie möchten, dass die Website so schnell wie möglich in Ihrem Browser angezeigt wird, stellt ein CDN Ihre Site-Dateien bereit, die von dem Server bereitgestellt werden, der Ihrem Standort am nächsten ist. Wenn also Ihre Site-Dateien auf einem Server in San Francisco gespeichert sind und jemand in London Ihre Site aufruft, kann es 1 oder 2 Sekunden dauern, bis diese Daten von einem Tausende von Meilen entfernten Server empfangen werden. Aber mit einem CDN können Sie die gleichen Daten in der Hälfte der Zeit von einem Server in London liefern. Das ist ein großer Unterschied!

Selbst wenn Sie zu Hause nicht das volle Ausmaß der Ergebnisse sehen, beschleunigen Sie die Bereitstellung Ihrer Website an Orten auf der ganzen Welt.

Es gibt viele Möglichkeiten, ein CDN für Ihre Website zu erhalten. Viele Hosting-Unternehmen bieten eine Option für die Bereitstellung eines CDN mit ihrem Dienst. Und es gibt Netzwerkplattformen wie Cloudflare und MaxCDN (jetzt StackPath), die neben anderen Leistungs- und Sicherheitsfunktionen auch CDN-Funktionen bieten.

Hier sind einige glaubwürdige CDN-Plattformen, die Sie in Betracht ziehen sollten:

• KeyCDN (Sie können sogar das WordPress-Plugin CDN Enabler verwenden, um KeyCDN zu integrieren; Dieses Setup würde auch gut mit Cache Enabler funktionieren)
• MaxCDN (jetzt StackPath)
• Amazon Cloudfront
• Sucuri

Es gibt einige Caching-Plugins wie WP Total Cache oder CDN Enabler, die eine Option zur automatischen Integration mehrerer CDN-Anbieter enthalten, was ziemlich praktisch ist.

Hier sind einige Plugins mit CDN-Unterstützung:

• WP Schnellster Cache
• WP-Rakete
• Autooptimieren
• W3 Gesamtcache
• WP-Super-Cache
• CDN-Enabler

Bildoptimierung

Die Bildoptimierung ist einer der größten Übeltäter für langsame Seitenladegeschwindigkeiten. Dies liegt wahrscheinlich daran, wie leicht es zu ignorieren ist. Denn wie viel Schaden kann ein Hintergrundbild einer Webseite anrichten? Nun, Sie werden vielleicht überrascht sein. Nur wenige große Bilder, die nicht für das Web optimiert wurden, können katastrophale Auswirkungen auf die Seitenladegeschwindigkeit haben. Und seien wir ehrlich, Ihre Website wird wahrscheinlich viele Bilder haben.

Es wird wirklich nicht genug betont, wie wichtig die Bildoptimierung ist. Jede Website sollte dies tun. Allein durch die Bildkomprimierung kann Ihre Site spürbar schneller werden und die kleineren Bildgrößen sparen Speicherplatz und Bandbreite (Win-Win!). Aber es gibt noch andere wichtige Bildoptimierungen, über die Sie auch nachdenken sollten.

Kurz gesagt, Sie sollten Folgendes tun, wenn Sie Ihr Bild für das Web optimieren:

Verwenden Sie den richtigen Dateityp

Wenn es um Bilder im Web geht, sollten Sie sich wirklich an die folgenden Bilddateitypen halten:

• JPG – Dies sollte Ihr Dateityp für die meisten Bilder/Fotos sein, die Sie auf Ihrer Website verwenden, da Sie bei einer kleineren Dateigröße als PNGs oder GIFs großartig aussehende Bilder erhalten können. Vermeiden Sie die Verwendung des PNG-Formats für Hintergrundbilder oder Fotos, es sei denn, Sie benötigen einen transparenten Hintergrund.
• PNG – Verwenden Sie PNGs für Bilder, die einen transparenten Hintergrund benötigen. JPG unterstützt keine Transparenz.
• SVG – Dies ist ein Vektorformat, das mithilfe von HTML-Code extrem scharfe Details liefert. SVGs eignen sich hervorragend für Logos, Symbole und andere Vektoranimationen.

Ändern Sie die Größe und beschneiden Sie Ihre Bilder

Sie möchten nie, dass Ihr Bild größer ist, als es sein muss. Wenn Sie beispielsweise ein Logo in den Designoptionen von Divi hinzufügen, benötigen Sie in den meisten Fällen nur eine Breite von 100px. Laden Sie also kein Logo mit einer Breite von 5000 Pixeln hoch und zwingen Sie Divi, die Größe dieses Bildes für Sie zu ändern. Das Ergebnis kann im Frontend ähnlich aussehen, aber diese große Größe verkürzt die Ladezeit Ihrer Seite.

Beim Hochladen von Bildern auf Ihre Seite mit Divi ist es hilfreich zu wissen, wie groß diese Bilder innerhalb der Spaltenstruktur von Divi sein müssen. Dieser ultimative Leitfaden kann Ihnen dabei helfen, in die richtige Richtung zu weisen. (Es wurden jedoch seit diesem Beitrag neue Spaltenstrukturen hinzugefügt, daher werden wir versuchen, diese bald zu aktualisieren).

Dateigröße komprimieren

Sie sollten die Größe Ihrer Bilddatei so weit reduzieren, dass Sie einen Qualitätsverlust bemerken. Dies geschieht durch Bildkomprimierung. Die meisten Bildbearbeitungsprogramme, Plugins und Websites wie tinypng.com komprimieren Bilder mit verlustfreier Komprimierung (die die Bilddatei verkleinert, ohne dass die Bildqualität verloren geht) und intelligenter verlustbehafteter Komprimierung (die die Größe der Bilddatei durch Reduzierung von Metadaten und Bildqualität verringert) für den Benutzer nicht wirklich wahrnehmbar).

Profitieren Sie von Bildoptimierungstools

Wenn Sie können, würde ich vorschlagen, dass Sie Ihre Bilder für das Internet optimieren, bevor Sie sie auf Ihre Divi-Site hochladen. Dies kann über Bildbearbeitungsprogramme wie Photoshop erfolgen, die eine Option "Für Web speichern" enthalten. Darüber hinaus können Sie eine kostenlose Drittanbieter-Site wie TinyPNG.com oder Compressor.io verwenden, um das Bild zu komprimieren, bevor Sie es auf Ihre Site hochladen.

Es gibt einige großartige Plugins, die die Bildkomprimierung für Sie durchführen. Einige Plugins (wie Imagify) komprimieren Bilder, die bereits auf deiner Website verwendet werden, und komprimieren Bilder automatisch, wenn du sie in deine WordPress-Medienbibliothek hochlädst. Denken Sie daran, dass die Verwendung eines Plugins dafür Ihre Website beim Komprimieren dieser Bilder belasten kann. Daher empfiehlt es sich, die Bildoptimierung nach Möglichkeit vorher durchzuführen.

Hier sind einige großartige Tools und Plugins zur Bildoptimierung, die Sie verwenden können:

• Webseiten:
  • Kompressor.io
  • Tinypng.com
• Plugins:
  • Stellen Sie sich vor
  • Smush-Bildkomprimierung und -optimierung
  • WP-Rakete

Weitere Informationen finden Sie im Vergleich zu 6 hochwertigen Plugins zur Bildoptimierung.

Divis integrierte SRCSET-Unterstützung

Responsive Images mit nativer SRCSET-Unterstützung sind auch in Divi integriert. Dies verbessert die Optimierung der in Divi verwendeten Bilder noch weiter, indem die skalierten Bilder bereitgestellt werden, die die richtige Größe für verschiedene responsive Displays (wie Tablet und Telefon) haben.

Videooptimierung

Die Videooptimierung ist etwas schwieriger als die Bildoptimierung, aber definitiv nicht weniger wichtig. Videodateien können groß sein und daher die Seitenladegeschwindigkeit extrem belasten. Und wenn Sie viele Videos auf Ihrem Server hosten (z. B. in der WordPress-Mediengalerie), werden Sie auf das zusätzliche Problem des Speicherplatzes stoßen. Aus diesem Grund wird oft empfohlen, Dienste von Drittanbietern (wie YouTube oder Vimeo) zu verwenden, um Ihre Videos für Sie zu hosten. Oder Sie können erwägen, Ihre Videomedieninhalte auf eine Speicherplattform wie Amazon S3 auszulagern. Auf diese Weise können Sie innerhalb des Videomoduls von Divi auf diese Videos verlinken, ohne dass sie Ihren Server verlangsamen müssen.

Wenn Sie Ihre Videos selbst hosten möchten, müssen Sie auf jeden Fall die Videogröße reduzieren, um schneller geladen zu werden. Sie können Videodateien einfach mit einem kostenlosen Tool wie Handbrake (das einfach zu bedienen ist) reduzieren.

Weitere Informationen zur Verwendung von Videos in Divi (wie das Hinzufügen einer von einem Drittanbieter gehosteten Video-URL zu einem Videomodul) finden Sie in dieser ultimativen Anleitung.

Qualitäts-Plugins verwenden

Je weniger Dateien eine Website laden muss, desto schneller ist sie natürlich. Sie müssen also auf die Anzahl der Plugins achten, die Sie verwenden. If you have plugins (or Themes) that you aren't using, make sure you delete them. They can be harmful to your website performance and a serious security risk. But quality is the more important factor when it comes to plugins. In fact you can have 20 to 30 quality plugins that won't slow down your site as much as one bad one will. In general, make sure you choose plugins that have stood the test of time and have great reviews. And always test how a plugin affects your website performance with before and after speed tests to be sure.

Conducting Speed Tests

You probably wouldn't be reading this article if you haven't done at least one speed test on your website. And rightly so, it is important to know how fast your pages are loading for visitors. Conducting a speed test is one of the easiest things you can do. There are tons of websites that will do this for you for free. And the metrics they provide will be invaluable for identifying ways you can further optimize your site for better performance.

Here are a few great places to start:

• GTMetrics
• Pingdom
• Google Page Insights

The results of these tests are what drive many of us to start optimizing our Divi site for faster load times. They provide a helpful breakdown of how your web page performs in a variety of areas. Then you can use their recommendations as a checklist to work through as you optimize your site.

The best way to use these online speed testing tools for you Divi WordPress site is to run a test on a page first before you do any optimizations. Then you can use this as a base to compare future tests as you make changes. After each optimization you make, you can see if your score improves.

For example, you may notice that using one caching plugin will work better than another. Don't be afraid to test multiple plugins for best performance.

Here is a helpful WordPress optimization guide by GTMetrix that will be helpful.

As you implement the speed optimizations to your site, you should see improvements in the following areas:

• Fully loaded time/Onload time (this is the most important metric you are trying to knock down)
• Total Page Size (things like minification, image optimization with help with this)
• Requests
• PageSpeed/YSlow scores
• Serve scaled images
• Optimize images
• Leverage browser caching
• Minify CSS/HTML
• Enable gzip compression
• Make fewer HTTP requests
• Add Expires Headers

For more info, check out our post on how to improve your google page speed score.

The Goal is Speed, Not Perfection

It can be easy to get bogged down with testing your website and optimizing it to perfection. But no website will be perfect. You may even find that improving certain speed test performance grades may actually slow down your page load time. That's because even those speed tests aren't perfect either. Like this article, they are merely a guide to help improve your website performance and speed.

How to Avoid Possible Conflict with Divi's Built-in Performance Optimizations and Third Party Plugins

Whenever you deploy a third party plugin for minification and caching, you may encounter certain conflicts. For example, you may find that a Divi module doesn't display correctly or that certain JavaScript files aren't rendering properly.

To avoid these types of conflicts, you can disable Divi's built-in optimizations and let the third party plugin handle it for you. The three option you will want to disable are:

• Static CSS File Generation
• Minify and Combine Javascript Files
• Minify and Combine CSS Files

You can disable the options to minify and combine Javascript and CSS files by going to Theme Options > General tab.

You can disable the option for static CSS file generation under Theme Options > Builder > Advanced.

Other Tips

We've pretty much covered all the major factors that contribute to faster Divi/WordPress websites. But there are a lot more things to consider that could improve your speed even more.

• Having a correct Divi child theme setup
• Changing your WordPress Login URL to keep those bots from overloading your server. This would be a good chance to create a custom login page with Divi.
• Avoiding unnecessary calls to external Services. Some plugins and embeds require that you use files that are hosted on their servers. These additional calls will slow down page load.
• Incorporate lazy loading for images and videos for better page load speed.

Quick Overview of Suggested Practices and Resources for Faster Divi Websites

Here is a quick overview of the suggested practices and resources included in this article for easy reference.

Get Latest PHP version

• check with Divi System Status
• Update your PHP version

Database Optimization

You can use these plugins to optimize and cleanup your Database for a faster site.

• WP-Optimierung
• Optimize Database after Deleting Revisions

DNS Lookup and DDOS Detection

• You can use CloudFlare for this for free

Good Hosting

A quick list of hosts to consider for a faster Divi website.

• SiteGround – offers shared hosting, managed WP Hosting, dedicated, and cloud hosting (visit SiteGround / our review)
• Cloudways – specializes in SSD-Based managed cloud hosting and also has managed WP Hosting (visit Cloudways / our review)
• Kinsta – specializes in managed WP hosting (visit Kinsta / our review)
• WPEngine – specializes in managed WP hosting (visit WPEngine / our review)
• Flywheel – specializes in managed WP hosting (visit Flywheel / our review)

If you are looking for a credible hosting review site, check out Review Signal.

You can also refer to this guide to help you make your choice.

Time to First Byte (TTFB) Optimization

• Get Better Hosting with proper web server configuration.
• Optimize the site for speed

Caching (Page, Object, Browser)

Popular caching plugins include:

• WP Rocket
• Cache Enabler (read our review)
• W3 Total Cache (read our review)
• W3 Super Cache (read our review)
• Comet Cache (read our review)
• WP Fastest Cache

If your plugin doesn't support browser caching, you will want to enable browser caching manually.

Minify/Combine Site Files

Some credible plugins that will minify your site files include:

• Autooptimieren
• W3 Total Cache (read our review)
• W3 Super Cache (read our review)
• WP Rocket (paid)

Our you can do it manually.

Gzip Compression

• Check to see if Gzip compression is enabled
• Add manually using mod_deflate model
• Plugins that support Gzip compression:
  • WP Rocket
  • W3 Total Cache (read our review)
  • WP Fastest Cache

CDN

Here are some credible CDN platforms to consider:

• MaxCDN (now StackPath)
• KeyCDN (you can even use with CDN Enabler WordPress plugin to integrate KeyCDN; This setup would also work well with Cache Enabler as well)
• Amazon Cloudfront
• Sucuri

Here are some plugins with CDN support:

• WP Fastest Cache
• WP Rocket
• Autooptimieren
• W3 Total Cache
• WP-Super-Cache
• CDN Enabler

Bildoptimierung

• Photoshop “save for web”
• Websites:
  • Compressor.io
  • Tinypng.com
• Plugins:
  • Imagify
  • Smush Image Compression and Optimizaton
  • WP rocket
• Choose the right size images for Divi's grid layout using this ultimate guide.

Abschließende Gedanken

Divi is faster than ever before. With built-in performance upgrades, your standard Divi installs have faster page loads on the front end, a faster WordPress admin on the backend, and a faster Divi Builder to edit and design your site. This is a great start, but there is much more to do to make sure your Divi site is running as fast as possible. The speed and performance optimizations included in this article will definitely boost your site speed. For the most part, these optimizations would apply to any WordPress site/theme, not just Divi. And it is surprising how many simple things you can do for free!

I'm sure there are tons of suggestions and resources out there that weren't mentioned, so feel free to share those with us in the comments.

Ich freue mich darauf, von dir zu hören.

Danke schön!

Ausgewähltes Bild über Sammby / shutterstock.com