Ultimativer Leitfaden zur Optimierung von Divi unter WordPress (2021 Edition)

Blair2004 WordPress-Tutorials Feb 18, 2021

Zwei ist heutzutage zweifellos eines der beliebtesten WordPress-Themes. Es wird mit einem leistungsstarken Page Builder geliefert, mit dem Sie fast jede Art von Design für jede Art von Website erstellen können (im wahrsten Sinne des Wortes). Dieser enorme Vorteil hat einen Nachteil. Da Divi eine Reihe von Funktionen hat, haben diese Funktionen ein Gewicht. Und für diejenigen, die es nicht zugeben möchten, ist es wichtig, die Optimierung von Divi in ​​Betracht zu ziehen, insbesondere wenn Sie Ihren Besuchern die beste Erfahrung bieten möchten.

Es ist zwar wahr, dass Divi häufig Auftritte erhält, aber diese sind nicht immer genug und das gilt umso mehr für diejenigen, die mehr als einen einfachen "Hello World" -Blog haben.

In diesem Tutorial werden wir untersuchen, wie wir Divi-Ladevorgänge beschleunigen können (während es sich bereits um ein schnelles WordPress-Thema handelt, das die verfügbaren Funktionen berücksichtigt). Hier sind einige Schlüsselthemen, die wir behandeln werden:

  • So optimieren Sie die Datenbank
  • So optimieren Sie das DNS
  • So wählen Sie ein gutes Hosting
  • So optimieren Sie die Zeit bis zum ersten Byte
  • So zwischenspeichern Sie Ihre WordPress-Website
  • So führen Sie eine Minimierung durch
  • So aktivieren Sie die Gzip-Komprimierung
  • Welches CDN können Sie verwenden?
  • So optimieren Sie Ihre Bilder
  • So optimieren Sie Ihre Videos
  • So führen Sie SpeedTests auf Divi durch
  • Andere Tipps

Warum müssen Sie eine schnelle Website haben?

Es ist kein Geheimnis mehr für niemanden. Schnelle Websites konvertieren besser als langsame Websites. Es besteht eine enorme Korrelation zwischen der Geschwindigkeit Ihrer Website und Ihrer Absprungrate. Genauer gesagt, warum es heutzutage ein Muss ist:

  • Absprungrate reduzieren - Sie müssen Ihre Besucher behalten? Machen Sie Ihre Website schnell.
  • Conversion steigern - Wenn Sie möchten, dass Ihr Besucher Ihr Geschäft oder Formular sieht, muss Ihre Website schnell geladen werden, bevor sie verschwindet.
  • SEO - Google könnte Sie höher einstufen (möglicherweise, weil es nicht immer der Fall ist).
  • Glaubwürdigkeit - langsame Websites hinterlassen bei Ihren Besuchern einen schlechten ersten Eindruck.

Wie schnell sollte eine Website geladen werden?

Basierend auf verschiedenen Studien sollte eine Website in 3 Sekunden oder weniger geladen werden. Im Allgemeinen ist es ein gutes Ziel, dass Ihre Webseiten in 3 Sekunden oder weniger geladen werden. Obwohl es so scheint, als würden die meisten Kunden heutzutage 2 Sekunden oder weniger erwarten. Aber offensichtlich ist jede Website und Webseite anders.

Tipps und Tricks, um Divi schneller zu laden

Jetzt werden wir alle Tipps und Tricks untersuchen, die Sie sofort auf Ihrer Divi-Website anwenden können, und wesentliche Änderungen an der Leistung feststellen. Einige dieser Techniken gelten auch für andere WordPress-Themen, sodass Sie möglicherweise bereits mit Abschlussarbeiten vertraut sind.

Lass uns anfangen.

So optimieren Sie die Datenbank

WordPress ist ein dynamisches CMS, das mit der MySQL-Datenbank interagiert, um Daten (Post, Seiten, Metadaten usw.) zu speichern und abzurufen. Diese Arbeitsweise erleichtert die Verwaltung Ihrer Website. Der Nachteil ist jedoch, dass das Laden von Seiten länger dauert, da die Daten vor dem Laden der Seite in der Datenbank gefunden werden müssen. Bei einer statischen HTML-Website muss nicht nach dynamischen Inhalten gesucht werden, da sich diese nicht dynamisch ändern. Deshalb sind statische HTML-Websites schneller als WordPress-Websites.

Eine Möglichkeit, eine Divi-Site (oder eine beliebige WordPress-Website) so schnell wie möglich zu halten, besteht darin, Ihre Datenbank zu optimieren. WordPress-Site-Dateien werden in Ihrer Datenbank nach Tabellen organisiert. Jedes Mal, wenn Sie Ihrer Site neue Daten hinzufügen (z. B. Themen und Plugins), werden neue Tabellen und neue Daten erstellt. Wie zu erwarten ist, ist es umso schwieriger, die Daten zu finden, je mehr Ihre Datenbank aufgebläht ist. Dies führt zu einer langsameren Website.

Wenn Sie viele Jahre lang bloggen, haben Sie möglicherweise viele Themen und Plugins ausprobiert. Dies hat schließlich dazu geführt, dass Ihre Datenbank Daten aufbewahrt, die sie nicht benötigt. Selbst wenn Sie ein Plugin deinstallieren, bedeutet dies nicht, dass alle von diesem Plugin erstellten Daten ebenfalls gelöscht werden. Einige Plugins speichern einige Daten, falls Sie das Plugin neu installieren oder der Entwickler vergessen hat, eine geeignete Deinstallationsmaßnahme hinzuzufügen. Offensichtlich ist das nicht gut und fair für Ihre Datenbank. Diese verbleibenden Daten können zu unnötiger Unordnung führen und Ihre Website verlangsamen.

So wie jeder Mensch eine Organisation benötigt, um effizienter zu arbeiten, benötigt jede WordPress-Site (Divi oder nicht) eine saubere Datenbank, um Seiten schneller zu laden. Wenn Sie Ihre Website jetzt für einen Moment haben, sollten Sie auf jeden Fall in Betracht ziehen, Ihre Datenbank zu optimieren.

Es gibt viele Plugins, die dabei helfen können, aber Sie können WP Optimize auf jeden Fall ausprobieren, was eine glaubwürdige Option zu sein scheint. Es gibt aber noch andere Tricks zu berücksichtigen.

Zusätzlich zur Optimierung Ihrer WordPress-Datenbank möchten Sie WordPress möglicherweise noch einfacher machen, indem Sie die darin gespeicherten Daten reduzieren. Beispielsweise speichert WordPress gelöschte Elemente automatisch 30 Tage lang im Papierkorb. Möglicherweise möchten Sie diesen Zeitraum auf 7 verkürzen.

So optimieren Sie das DNS

Eines der ersten Dinge, die passieren, wenn auf Ihre Website zugegriffen werden soll, ist eine DNS-Suche. Sobald die URL eingegeben (oder angeklickt) wurde, sendet der ISP des Besuchers eine DNS-Abfrage an die Nameserver, um die Ihrer Domain zugeordnete IP-Adresse zu ermitteln (jede Domain / Website hat eine bestimmte IP-Adresse). Noch deutlicher ist eine DNS-Suche wie das Nachschlagen Ihres Domainnamens in einem Telefonbuch, um die IP-Adresse für diese Domain zu finden.

Wenn ein Benutzer jedoch eine Seite auf Ihrer Website besucht, verfügt die Seite möglicherweise über mehrere Domänen, auf die zugegriffen werden muss, um die Seite aufzurufen. Sie können also 3 oder 4 Domain-Lookups auf einer einzelnen Seite durchführen (möglicherweise mehr).

Im Allgemeinen sind die meisten kostenlosen DNS-Anbieter wie Godaddy und Namecheap langsamer als andere.

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. Sie sind erheblich schneller als GoDaddy und Namecheap. Sie können Cloudflare sogar so optimieren, dass es für DNS ohne andere Dienste (wie CDN oder WAF) verwendet werden kann, wenn Sie möchten.

Beispielsweise möchten Sie möglicherweise Cloudflare für DNS und Sicherheit (DDOS-Erkennung) und KeyCDN (oder MaxCDN) für Ihr CDN verwenden. Das ist auch eine tolle Kombination.

Setup Cloudflare

Cloudflare ist einfach einzurichten. Sie müssen sich vorher keine Gedanken über einen Wechsel Ihres Hostings oder etwas anderes machen. Sie müssen lediglich die 5-minütige Einrichtung durchgehen, die mit der Eingabe Ihrer Domain beginnt.

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

Um Ihr Setup abzuschließen, müssen Sie unter anderem die Standard-Nameserver Ihres aktuellen DNS-Anbieters (wie GoDaddy) in die Nameserver von Cloudflare ändern.

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

Und einfach so haben Sie eine höhere DNS-Suchgeschwindigkeit, mehr Sicherheit und ein CDN für Ihre Website und kostenlos.

So wählen Sie ein gutes Hosting

Eines der ersten Dinge, die Sie während Ihrer Website-Optimierungsreise berücksichtigen sollten, ist die Auswahl eines Hostings, das für Ihre WordPress-Website gut geeignet ist. Vor einigen Monaten veröffentlichte Elegantheme ein Partnerschaftsangebot Mit beliebten Hosting-Anbietern, das gut mit WordPress funktioniert. Diese Anbieter sind dafür bekannt, Divi einen besseren Service zu bieten, und die Integration in das Elegantthemes-Dashboard ist nahtlos. Sie müssen nur aus diesen Anbietern auswählen, welchen Sie für Ihre Website auswählen möchten.

Jetzt zwingt Sie nichts mehr dazu, diese Anbieter zu verwenden, da es viele andere verfügbare Lösungen gibt, die auch für WordPress und Divi gut funktionieren. Lassen Sie es uns dann unter Berücksichtigung der Art des verfügbaren Hostings aufschlüsseln.

Types of Hosting

Shared Hosting

Dies ist bei weitem die beliebteste Art des Hostings für WordPress / Divi-Benutzer. Leider ist dies die schlechteste Option für eine schnelle Website. Mit dem Shared Hosting teilen Sie alle verfügbaren Ressourcen eines Servers mit anderen. Da Sie teilen, sind die Kosten für diese Art von Hosting normalerweise sehr niedrig. Der Nachteil ist jedoch, dass Sie nicht steuern können, wie viel Verkehr diese anderen Websites erhalten und wie sich ihre Website möglicherweise auf die Leistung des Servers und dann auf die Leistung Ihrer Website auswirkt. So können Sie leicht extrem langsamen Ladezeiten und sogar Zeiten zum Opfer fallen, in denen Ihre Website vollständig ausgefallen ist. Sie haben also besser eine gute Vorstellung von Wie viel Verkehr kann Ihr Shared Hosting verarbeiten?.

VPS Hosting

Das Hosting von Virtual Private Server (VPS) ist im Grunde ein Mittelweg zwischen gemeinsam genutztem und dediziertem Hosting. Ihr Serverraum ist "privat", was bedeutet, dass er vollständig von anderen getrennt ist. Ihre Site-Dateien werden also nicht anderen auf dem Server zugänglich gemacht. Im Gegensatz zu Shared Hosting verfügt ein VPS über eine bestimmte Menge an Systemressourcen, um sicherzustellen, dass Ihre Site immer das erhält, was sie für konsistente schnelle Ladezeiten benötigt. Technisch gesehen müssen Sie sich keine Sorgen machen, dass die Verkehrsspitzen anderer Websites die Geschwindigkeit Ihrer Website beeinträchtigen.

Aber wenn Sie kein verwaltetes VPS haben, ist diese Art des Hostings hauptsächlich für Heimwerker gedacht, die technisch versiert genug sind, um die Dinge selbst zu erledigen.

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 bei Bedarf alle benötigten Ressourcen aus diesem Servernetzwerk abrufen. Einfacher gesagt, Sie verfügen über eine virtuelle Partition des Serverbereichs, die durch die Leistung und die Ressourcen des gesamten Servernetzwerks unterstützt wird. Sie müssen sich daher keine Gedanken über die Verkehrsspitzen machen, die Sie für Shared Hosting hätten. Cloud-Hosting ist äußerst flexibel und für Ihre Anforderungen skalierbar.

Ein Hauptunterschied zwischen Cloud-Hosting und VPS-Hosting besteht darin, dass beim VPS-Hosting eine dedizierte (manchmal begrenzte) Menge an Ressourcen zur Verfügung steht, die möglicherweise erschöpft sind oder nicht. Cloud Hosting hingegen kann Ihre Ressourcen verfügbar halten, ohne erschöpft zu sein, 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 also die Geschwindigkeit ernst nehmen, ist Cloud-Hosting eine großartige Option (vielleicht sogar die beste).

Dedicated Hosting

Mit dediziertem Hosting haben Sie Ihren eigenen dedizierten Server nur für Sie. Es ist nicht erforderlich, Ressourcen mit anderen zu teilen. Dies bedeutet, dass Sie vorhersehbarere und konsistentere schnelle Ladezeiten für Ihre Website haben. Dies wird normalerweise als Top-Tier-Option für große Unternehmen zu hohen Prämienkosten (offensichtlich) angeboten. Sie werden dies in Betracht ziehen, wenn Sie sich die Kosten leisten können, die es erbt.

Managed WordPress Hosting

Managed WordPress Hosting bezieht sich normalerweise auf Shared Hosting, das von WordPress-Experten verwaltet wird. Hier ist es nicht privat wie ein VPS oder so leistungsfähig wie ein dedizierter Server. Es hilft jedoch dabei, die Geschwindigkeit Ihrer gemeinsam genutzten Umgebung zu maximieren, indem WordPress-Experten die Arbeit erledigen. Sie tun dies gut, weil sie ihre Dienste anpassen und ihre Server ausschließlich für WordPress-Sites konfigurieren. Viele von ihnen verfügen über viele coole und praktische integrierte Funktionen wie Staging-Umgebungen mit einem Klick, Site-Caching, CDN-Bereitstellung mit einem Klick, automatische Sicherungen, SSLs und mehr. Sie sind perfekt für diejenigen, die diese Dinge nicht manuell selbst erledigen möchten.

Other Hosting Provider To Consider

Es gibt viele WordPress-Hosting-Unternehmen. Und wenn möglich, sollten Sie traditionelles Shared Hosting (nicht verwaltet) vermeiden, wenn Sie die Geschwindigkeitsoptimierung ernst nehmen. Wenn Sie jedoch eine einfache Website 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.

Im Moment finden Sie hier eine kurze Liste der Hosts, die Sie für eine schnellere Divi-Website in Betracht ziehen sollten.

  • Kins - ist auf Managed WP Hosting spezialisiert
  • SiteGround - bietet Shared Hosting.
  • Wolkenwege - spezialisiert auf SSD-basiertes Managed Cloud Hosting
  • WPEngine - ist auf verwaltetes WP-Hosting spezialisiert
  • Schwungrad - spezialisiert auf Managed WP Hosting

Dass nicht alle möglichen Anbieter da draußen verfügbar sind, aber definitiv mit diesen haben Sie eine schnelle WordPress-Website.

So optimieren Sie die Zeit bis zum ersten Byte

Die Zeit bis zum ersten Byte (Time to First Byte, TTFB) gibt an, wie lange der Benutzer benötigt, um das erste Byte der Website-Daten von Ihrem Server zu empfangen. Dies bedeutet, wenn ein Benutzer versucht, auf Ihre Website zuzugreifen, ist der TTFB im Wesentlichen die Wartezeit, bevor Daten vom Browser empfangen werden.

Der TTFB beträgt normalerweise etwa 200 ms. Bei Websites mit schlechtem Hosting, die noch nicht optimiert wurden, kann der TTFB problemlos 2 Sekunden oder länger 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 durch Caching, Datenbankoptimierung und ein CDN reduziert werden.
  • Die Menge an Datenverkehr, die Ihr Server zu diesem Zeitpunkt erfährt. Shared Hosting-Anbieter können keine niedrige TTFB haben, da Sie Ressourcen mit anderen auf demselben Server teilen. Durch Spitzen im Datenverkehr wird die Verarbeitungsgeschwindigkeit Ihres Servers verringert.
  • Ihre Webserverkonfiguration. Ein guter WordPress-Hosting-Anbieter kann beim TTFB Ihrer Site helfen, indem er eine solide Backend-Infrastruktur bereitstellt und Ihre Webserverkonfiguration optimiert (Dinge, die Sie so gut wie nicht kontrollieren können).

Kurz gesagt, wenn Sie einen schnellen Schub für TTFB wünschen, sollten Sie ein besseres Hosting erhalten und die restlichen Schritte unten ausführen.

So zwischenspeichern Sie Ihre WordPress-Website

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

  • Seiten-Caching - Dieser Prozess speichert zwischengespeicherte statische HTML-Versionen Ihrer Seite für eine schnelle Zustellung.
  • Browser-Caching - Hiermit können Sie besser steuern, welche Inhalte wie lange vom Browser zwischengespeichert werden können. Dies können nur einige Plugins. Daher sollten Sie dies für mehr Kontrolle manuell in Betracht ziehen. Auf diese Weise können Sie bei der Durchführung von Geschwindigkeitstests die Metriken „Browser-Caching nutzen“ berücksichtigen.
  • CDN-Caching - Dient zwischengespeicherte Webseiten / Dateien von einem CDN, das Ihren Benutzern am nächsten liegt.
  • Objekt-Caching - Durch das Objekt-Caching werden wiederholte Abfrageergebnisse zwischengespeichert, 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 ein Caching durch, um die statischen JS- und CSS-Dateien von Divi hinter den Kulissen bereitzustellen. Dies gilt jedoch hauptsächlich für die Divi-Themendateien, um die Funktionalität des Divi Builder zu verbessern.

Sie müssen weiterhin Caching verwenden, um Ihre gesamte WordPress-Website zu optimieren. Die meisten Websites verfügen über mehrere Plugins mit eigenen CSS-Dateien, die möglicherweise kombiniert, minimiert und zwischengespeichert werden müssen. Sie können daher ein Plugin eines Drittanbieters nutzen, um zwischengespeicherte statische HTML-Versionen aller Ihrer Seiten bereitzustellen.

Beliebte Caching-Plugins sind:

  • WP Super Cache
  • W3 Gesamtcache
  • WP Rocket
  • Cache Enabler
  • Kometen-Cache
  • WP Schnellster Cache

So führen Sie eine Minimierung durch

Durch die Minimierung werden Ihre Site-Dateien kleiner. Durch das Minimieren Ihrer Site-Dateien (CSS, JavaScript, HTML) werden alle unnötigen Elemente (wie Leerzeichen und Seitenumbrüche) entfernt, sodass die Dateigröße kleiner wird. Dadurch wird die Zeit verkürzt, die der Browser zum Herunterladen dieses Assets benötigt.

Aggregation bedeutet, die Site-Dateien zu kombinieren, um die Gesamtzahl der Anfragen auf der Seite zu reduzieren und die Ladezeiten für Ihre Besucher zu verkürzen. Dies bedeutet jedoch auch, dass Sie Ihren Benutzern größere Dateien bereitstellen müssen. Stellen Sie beispielsweise sicher, dass Sie eine 1-MB-CSS-Datei bereitstellen, und erwägen Sie, diese in kleine Teile aufzuteilen.

Wie bereits erwähnt, minimiert und kombiniert Divi Javascript- und CSS-Dateien, die standardmäßig vom Divi-Design verwendet werden. Sie müssen sich also technisch gesehen keine Gedanken über die Verwendung eines Plugins eines Drittanbieters machen, um die Javascript- und CSS-Dateien von Divi weiter zu minimieren und zu kombinieren. Divi minimiert die HTML-Ausgabe jedoch nicht. Sie können also von einem Plugin eines Drittanbieters 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-Themas ab (wie Plugins oder andere vom untergeordneten Theme hinzugefügte Dateien), die von der Minimierung und Kombination der CSS- und JS-Dateien profitieren. Dies kann leicht von einem Plugin erledigt werden.

Einige geeignete Plugins, die Ihre Site-Dateien minimieren, umfassen:

  • W3 Gesamtcache
  • Es hat sich selbst verbessert
  • WP Super Cache
  • WP Rocket (Premium)

Eines dieser Plugins sollte mit Divi funktionieren. Es gibt jedoch keine Möglichkeit, alle Nuancen einer Website einzuschätzen, um zu sagen, welche für alle am besten geeignet ist. Manchmal minimieren Plugins von Drittanbietern JavaScript-Dateien automatisch auf eine Weise, die Fehler / Probleme verursachen kann. Führen Sie dann einen umfassenden Test auf Ihrer Website durch, um sicherzustellen, dass nichts beschädigt wird. Wenn es sicher ist, CSS zu minimieren, ist dies bei JavaScript nicht immer der Fall.

Manchmal treten Konflikte zwischen Ihren Minimierungslösungen auf. Sie sollten dann sicherstellen, dass nur einer damit fertig wird. Darüber hinaus bringt die Installation von mehr Plugins zur Minimierung eher mehr Probleme als Lösungen mit sich. Verwenden Sie jeweils nur eine Lösung.

So aktivieren Sie die Gzip-Komprimierung

Die Gzip-Komprimierung ist manchmal effizienter als die Minimierung, da die Seitengröße um bis zu 70% reduziert werden kann.

Durch Aktivieren der Gzip-Komprimierung auf Ihrer Divi-Site können Sie die Geschwindigkeit erheblich steigern. Wenn Sie mit dem Erstellen komprimierter (oder komprimierter) Dateien auf Ihrem Computer vertraut sind, haben Sie bereits grundlegende Kenntnisse über die Funktionsweise der Gzip-Komprimierung. Die Idee ist, wenn eine Reihe von Dateien zu einer Datei komprimiert wird, kann sie einfacher heruntergeladen und hochgeladen werden! Die Gzip-Komprimierung macht 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 erheblich steigern.

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

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

  • WP Rocket
  • W3 Gesamtcache
  • WP Schnellster Cache

Und einige Hosting-Anbieter aktivieren die gzip-Komprimierung automatisch, da dies für die Leistung der Website kein Problem darstellt. Fühlen Sie sich frei zu Überprüfen Sie, ob die Gzip-Komprimierung aktiviert ist auf Ihrer Website.

Welches CDN können Sie verwenden?

Ein Content Delivery Network (CDN) bringt die Geschwindigkeit der Website auf eine andere Ebene. Wie der Name vermuten lässt, ist ein CDN ein Netzwerk, das darauf abzielt, den Benutzern Inhalte schneller bereitzustellen. Das Netzwerk besteht aus Servern auf der ganzen Welt, die zwischengespeicherte statische Dateien (Bilder, Videos, CSS, JS usw.) Ihrer Website speichern. Wenn eine Person auf Ihre Website zugreift, liefert der Server (oder PoP), der der Person am nächsten liegt, den Inhalt, anstatt Ihren Server zu erreichen, wenn dieser weit vom Benutzer entfernt ist. Ohne CDN können Sie auf Ihre Website-Dateien von einem Server aus zugreifen (wo immer Ihr Host diese Dateien speichert). Je weiter Sie von diesem Server entfernt sind, desto langsamer ist es, diesen Website-Inhalt an Ihren Browser zu übermitteln.

Da die Website so schnell wie möglich in Ihrem Browser angezeigt werden soll, werden Ihre Site-Dateien auf einem CDN von dem Server bereitgestellt, der Ihrem Standort am nächsten liegt. Wenn Ihre Site-Dateien auf einem Server in San Francisco gespeichert sind und jemand in London Ihre Site abruft, kann es 1 oder 2 Sekunden dauern, bis diese Daten von einem Server empfangen werden, der Tausende von Kilometern entfernt ist. Mit einem CDN können Sie jedoch in der Hälfte der Zeit dieselben Daten von einem Server in London bereitstellen. Das ist ein großer Unterschied!

Selbst wenn Sie zu Hause nicht den vollen Umfang der Ergebnisse sehen, beschleunigen Sie die Bereitstellung Ihrer Website an Orte auf der ganzen Welt.

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

Hier sind einige glaubwürdige CDN-Plattformen zu berücksichtigen:

  • KeyCDN
  • Cloudflare
  • MaxCDN
  • Amazon Cloudfront
  • Säfte

Einige der für das Caching verwendeten Plugins enthalten bereits eine Option zum automatischen Integrieren mehrerer CDN-Anbieter, was sehr praktisch ist.

Hier sind einige Plugins mit CDN-Unterstützung:

  • WP Schnellster Cache
  • WP Rocket
  • Es hat sich selbst verbessert
  • W3 Gesamtcache
  • WP Super Cache
  • CDN Enabler

So optimieren Sie Bilder

Die Bildoptimierung ist einer der Hauptverantwortlichen für das langsame Laden von Seitengeschwindigkeiten. Der Grund dafür ist, dass wahrscheinlich viele Leute ignorieren, wie schädlich große Bilder für die Geschwindigkeit einer Website sind. Wie viel Schaden kann ein Hintergrundbild einer Webseite zufügen? Nun, Sie können überrascht sein. Nur wenige große Bilder, die nicht für das Web optimiert wurden, können katastrophale Auswirkungen auf die Geschwindigkeit beim Laden von Seiten haben.

Jede Website sollte dies tun. Die Bildkomprimierung allein kann Ihre Site spürbar beschleunigen und die kleineren Bildgrößen sparen Speicherplatz und Bandbreite. Es gibt aber auch andere wichtige Bildoptimierungen, über die Sie nachdenken sollten.

Kurz gesagt, Folgendes müssen Sie zur Optimierung Ihrer Bilder beachten:

Use the Right File Type

Wenn Sie Bilder für das Web verwenden möchten, sollten Sie sich wirklich an die folgenden Bilddateitypen halten:

  • JPG - Dieses Format sollte für farbenfrohe Bilder verwendet werden. Normalerweise passt dies perfekt zur Fotografie. Bieten Sie dann eine bessere Komprimierung als PNG an, es sei denn, Sie möchten Bilder mit transparentem Hintergrund verwenden.
  • PNG - Verwenden Sie PNGs für Bilder, die einen transparenten Hintergrund benötigen. Dieses Format kann auch für Bilder verwendet werden, bei denen weniger Farben möglich sind. Es ist dann ein schönes Format für Infografiken, Bilder und Logos.
  • SVG - Dies ist ein Vektorformat, das mit HTML-Code extrem scharfe Details liefert. SVGs eignen sich hervorragend für Logos, Symbole und andere Vektoranimationen.

Resize and Crop Your Images

Ihr Bild sollte ziemlich groß sein. Wenn für Ihre Website eine Körperbreite von maximal 800 Pixel festgelegt ist, müssen keine 1200 Pixel großen Bilder vorhanden sein. Das Ergebnis sieht im Frontend möglicherweise ähnlich aus, aber diese große Größe verkürzt die Ladezeit Ihrer Seite.

Wenn Sie Bilder mit Divi auf Ihre Seite hochladen, ist es hilfreich zu wissen, wie groß diese Bilder in der Spaltenstruktur von Divi sein müssen.

Compress Your Images

Sie sollten die Größe Ihrer Bilddatei auf den Punkt reduzieren, bevor Sie einen Qualitätsverlust bemerken. Dies erfolgt durch Bildkomprimierung. Beliebte Bildbearbeitungsprogramme, Plugins und Websites wie tinypng.com komprimieren Bilder mithilfe verlustfreier Komprimierung (wodurch die Bilddatei verkleinert wird, ohne dass die Bildqualität beeinträchtigt wird) und intelligenter verlustbehafteter Komprimierung (die die Größe der Bilddatei verringert, indem Metadaten und Bildqualität in a verringert werden) Art und Weise, die vom Benutzer nicht wirklich wahrgenommen wird).

Optimize Your Images For Internet

Die Bildoptimierung für das Internet kann über Bildbearbeitungsprogramme wie Photoshop erfolgen, die die Option „Für das Web speichern“ enthalten. Darüber hinaus können Sie eine kostenlose Website eines Drittanbieters wie TinyPNG.com oder Compressor.io verwenden, um das Bild zu komprimieren, bevor Sie es auf Ihre Website hochladen.

Offensichtlich bietet WordPress über seine Plugins eine Möglichkeit, Ihre Bilder zu optimieren. Einige Plugins (wie Imagify) komprimieren Bilder, die bereits auf Ihrer Website verwendet werden, und komprimieren Bilder automatisch, wenn Sie sie in Ihre WordPress Media-Bibliothek hochladen.

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

Websites:

  • Compressor.io
  • Tinypng.com

Plugins:

  • Smush-Bildkomprimierung und -optimierung
  • Stellen Sie sich vor
  • WP

Divi’s Built-in SRCSET support

Die Unterstützung von Reaktionsschnelle Bilder mit nativem SRCSET ist auch in Divi integriert. Mit dieser Funktion können Sie Ihr Bild entsprechend der Gerätegröße verwenden (egal ob es sich um ein Telefon, ein Tablet oder einen Desktop handelt).

So optimieren Sie Ihre Videos

Die Videooptimierung ist etwas schwieriger als die Bildoptimierung, aber definitiv nicht weniger wichtig. Videos können groß sein und daher die Seitengeschwindigkeit erheblich beeinflussen. Wenn Sie viele Videos auf Ihrem Server hosten, stellen Sie möglicherweise früh genug fest, dass Sie ein anderes Speicherplatzproblem haben und die Bandbreitennutzung zunimmt. Aus diesem Grund wird häufig empfohlen, Dienste von Drittanbietern (wie Youtube oder Vimeo) zu verwenden, um Ihre Videos für Sie zu hosten. Sie können auch in Betracht ziehen, Ihre Videomedieninhalte auf einer Speicherplattform wie Amazon S3 auszulagern. Auf diese Weise können Sie über das Videomodul von Divi auf diese Videos verlinken, ohne dass sie Ihren Server verlangsamen müssen.

Sie können Videodateien einfach mit einem kostenlosen Tool wie Handbremse reduzieren, das einfach zu verwenden ist.

So führen Sie SpeedTests auf Divi durch

Möglicherweise haben Sie die Geschwindigkeit Ihrer Website getestet. Die Ergebnisse haben Sie möglicherweise zu diesem Artikel geführt. Dies ist eigentlich ein wichtiger Schritt zu Beginn Ihrer Optimierung, um zu wissen, wie hoch die aktuelle Punktzahl ist, und um am Ende der Optimierung die Unterschiede mit der neuen Punktzahl zu vergleichen. Die Durchführung eines Geschwindigkeitstests ist eines der einfachsten Dinge, die Sie tun können. Es gibt unzählige Websites, die dies kostenlos für Sie erledigen. Die von ihnen bereitgestellten Metriken sind von unschätzbarem Wert, um herauszufinden, wie Sie Ihre Website für eine bessere Leistung weiter optimieren können.

Hier sind ein paar gute Startpunkte:

  • GTMetrix
  • Pingdom
  • Google Page Insights

Die Ergebnisse bieten eine hilfreiche Aufschlüsselung der Leistung Ihrer Webseite in verschiedenen Bereichen. Anschließend können Sie ihre Empfehlungen als Checkliste verwenden, um Ihre Website zu optimieren.

Wenn Sie die Geschwindigkeitsoptimierungen auf Ihrer Site implementieren, sollten Sie Verbesserungen in den folgenden Bereichen feststellen:

  • Ladezeit / Ladezeit vollständig
  • Gesamtseitengröße (Dinge wie Minimierung, Bildoptimierung mit Hilfe dabei)
  • Anfragen
  • PageSpeed ​​/ YSlow-Ergebnisse
  • Servieren Sie skalierte Bilder
  • Bilder optimieren
  • Nutzen Sie das Browser-Caching
  • Minimieren Sie CSS / HTML
  • Aktivieren Sie die gzip-Komprimierung
  • Stellen Sie weniger HTTP-Anforderungen
  • Add Expires Headers

You Aim Decent Speed Not Impossible Speed

Es kann leicht sein, Ihre Website zu testen und perfekt zu optimieren. Aber keine Website kann perfekt sein. Möglicherweise stellen Sie sogar fest, dass das Verbessern bestimmter Leistungsstufen für Geschwindigkeitstests die Ladezeit Ihrer Seite tatsächlich verlangsamt. Das liegt daran, dass auch diese Geschwindigkeitstests nicht perfekt sind.

So vermeiden Sie mögliche Konflikte zwischen Divi und anderen Optimierungs-Plugins

Wenn Sie ein Plugin eines Drittanbieters zur Minimierung und Zwischenspeicherung bereitstellen, können bestimmte Konflikte auftreten. Beispielsweise stellen Sie möglicherweise fest, dass ein Divi-Modul nicht richtig angezeigt wird oder dass bestimmte JavaScript-Dateien nicht richtig gerendert werden.

Um diese Art von Konflikten zu vermeiden, können Sie die integrierte Optimierungsfunktion von Divi deaktivieren und das Plugin eines Drittanbieters für Sie erledigen lassen. Die drei Optionen, die Sie deaktivieren möchten, sind:

  • Statische CSS-Dateierzeugung
  • Javascript-Dateien minimieren und kombinieren
  • CSS-Dateien minimieren und kombinieren

Sie können die Optionen zum Minimieren und Kombinieren von Javascript- und CSS-Dateien deaktivieren, indem Sie auf die Registerkarte Themenoptionen> Allgemein gehen.

Sie können die Option für die Generierung statischer CSS-Dateien unter Designoptionen> Builder> Erweitert deaktivieren.

Andere Tipps und Tricks

Wir haben so ziemlich alle wichtigen Faktoren behandelt, die zu schnelleren Divi / WordPress-Websites beitragen. Es gibt jedoch einige wichtige Dinge, die Sie noch tun können.

  • Aktuelles Hosting mit der neuesten PHP-Version
  • Ändern Sie Ihre WordPress-Anmelde-URL, um zu verhindern, dass diese Bots Ihren Server überlasten
  • Vermeiden Sie unnötige Anrufe bei externen Diensten. Für einige Plugins und Einbettungen müssen Sie Dateien verwenden, die auf ihren Servern gehostet werden. Diese zusätzlichen Aufrufe verlangsamen das Laden der Seite.
  • Integrieren Sie das verzögerte Laden von Bildern und Videos, um die Geschwindigkeit beim Laden von Seiten zu verbessern.

Abschließende Gedanken

Mit der jüngsten Optimierung auf Zwei ist es schneller als zuvor. Mit integrierten Leistungsverbesserungen haben Ihre Standard-Divi-Installationen schnellere Seitenladevorgänge im Front-End, einen schnelleren WordPress-Administrator im Backend und einen schnelleren Divi Builder zum Bearbeiten und Entwerfen Ihrer Site. Dies ist ein guter Anfang, aber es gibt noch viel mehr zu tun, um sicherzustellen, dass Ihre Divi-Site so schnell wie möglich läuft.

Die in diesem Handbuch enthaltenen Geschwindigkeits- und Leistungsoptimierungen erhöhen auf jeden Fall die Geschwindigkeit Ihrer Website. Zum größten Teil würden diese Optimierungen für jede WordPress-Site / jedes WordPress-Theme gelten, nicht nur für Divi. Und es ist überraschend, wie viele einfache Dinge, die Sie tun können, kostenlos sind!