Leistungsvergleich zwischen Divi und Avada (2021): Was ist schneller?

Versuchen Sie, zwischen Divi und Avada zu wählen, um Ihre WordPress-Site zu erstellen?

Diese beiden Themen sind zwei der beliebtesten Premium-WordPress-Themen aller Zeiten – Elegant Themes (Divis Entwickler) behauptet, über 806.000 Kunden zu haben, und Avada wurde über 747.000 Mal bei ThemeForest gekauft. Das sind unglaublich beeindruckende Zahlen und ein Beweis dafür, dass jedes Thema viele zufriedene Benutzer hat.

Einer der größten Faktoren für den Erfolg beider Themen sind ihre gebündelten visuellen Drag-and-Drop-Builder. Mit diesen Buildern können Sie wunderschöne benutzerdefinierte WordPress-Sites erstellen – kein Code erforderlich.

Aber die Designflexibilität ist nicht das einzige, was bei einem WordPress-Theme zu berücksichtigen ist – Sie müssen auch abwägen, wie schnell dieses Theme Ihrer Website beim Laden hilft, da die Ladezeiten der Website bei allem eine Rolle spielen, von der Benutzererfahrung bis hin zu SEO, Konversionsraten und mehr .

Dies gilt umso mehr seit Googles Page Experience Update, wo Google damit begann, Core Web Vitals in seine Rankings einzubeziehen.

Zu diesem Zweck haben wir uns entschieden, einen Vergleich zwischen Divi und Avada zu erstellen, der sich auf eine bestimmte Metrik konzentriert: die Leistung.

Das heißt, hilft Ihnen Divi oder Avada dabei, eine schneller ladende Website zu erhalten? Um diese Frage zu beantworten, haben wir einige eigene Tests durchgeführt – lesen Sie weiter, um die Daten und Analysen zu sehen.

Hinweis – wir haben diesen Beitrag ursprünglich veröffentlicht und diese Tests im Juli 2021 durchgeführt. Elegant Themes hat jedoch im August 2021 (Divi 4.10) ein Update mit wichtigen Frontend-Leistungsupdates veröffentlicht, das die Leistung von Divi erheblich verbessert. Aus diesem Grund haben wir diese Tests komplett neu durchgeführt und alle neuen Daten und Schlussfolgerungen im November 2021 gesammelt.

So testen wir die Leistung von Divi vs. Avada Theme

Bevor wir zu den Daten kommen, lassen Sie uns darüber sprechen, wie wir die Leistung von Divi vs. Avada testen werden, damit Sie genau wissen, wie wir die Dinge eingerichtet haben.

Zunächst testen wir zwei High-Level-Szenarien:

• Test Nr. 1 – wir testen nur die Themen. Das heißt, wir werden ihre gebündelten visuellen Builder nicht verwenden. Stattdessen testen wir einfach die standardmäßige „Beispielseite“, die mit dem Blockeditor erstellt wurde.
• Test Nr. 2 – Wir testen eine einfache Seite, die mit dem Builder jedes Themas erstellt wurde, da die visuellen Builder ein Schlüsselelement dessen sind, was Divi und Avada so beliebt macht. Wir werden versuchen, vergleichbare Module zu verwenden, um den Vergleich so gleichwertig wie möglich zu gestalten.

Für jedes High-Level-Testszenario testen wir außerdem zwei verschiedene Setups:

• Die erste Einrichtung erfolgt nur mit den Themen selbst und ohne weitere Leistungsoptimierungen.
• Beim zweiten Setup ist WP Rocket installiert und konfiguriert, sodass Sie sehen können, wie die Dinge aussehen, wenn Sie Best Practices für die Leistung von WordPress implementieren.

Zusätzlich zum Seiten-Caching und anderen grundlegenden Best Practices bietet WP Rocket auch einige einzigartige Funktionen, die den Code jedes Themas optimieren und die Core Web Vitals-Metriken verbessern können.

• Entfernen Sie unbenutztes CSS – Auf diese Weise können Sie unnötiges CSS seitenweise von Ihrer Website entfernen. Es kann besonders gut sein, die Seitengröße von Themen wie Divi und Avada zu reduzieren.

• JavaScript-Ausführung verzögern – Auf diese Weise können Sie mit der Ausführung von JavaScript bis zu einer Benutzerinteraktion warten, wodurch die anfängliche Ladezeit erheblich verkürzt wird. Sie können bestimmte Skripte jederzeit manuell ausschließen, wenn sie sofort geladen werden müssen .

Unsere Testseiten werden auf einem DigitalOcean-Droplet für 5 US-Dollar pro Monat gehostet, das von RunCloud und einem All-Nginx-Stack unterstützt wird. Wie oben erwähnt, haben wir in einigen der Tests keine Leistungsverbesserungen vorgenommen, die über das Hinzufügen von WP Rocket hinausgehen.

Um die WordPress-Leistungsdaten zu testen und zu messen, verwenden wir WebPageTest, um auf Mobilgeräte ausgerichtete Leistungsdaten zu sammeln:

• Testgerät – iPhone 8. Modernere Geräte verfügen über stärkere Prozessoren, um JavaScript schneller zu verarbeiten, was zu etwas schnelleren Ladezeiten führen könnte. Bei älteren/schwächeren Geräten könnte es umgekehrt sein.
• Verbindungsgeschwindigkeit – gedrosselte LTE-Verbindung (12 Mbit/s, 70 ms RTT). Reale Ladezeiten wären schneller, wenn ein Besucher über WLAN surft, oder langsamer, wenn der Benutzer so etwas wie eine 3G-Verbindung hat.

Für jeden Test lassen wir WebPageTest neun separate Tests ausführen und den Medianwert nehmen. Dies hilft uns, Einzeltestvariabilität zu vermeiden und konsistentere Ergebnisse zu erzielen.

Hier sind die vier Metriken, auf die wir uns konzentrieren werden:

1. Largest Contentful Paint (LCP) – Teil der neuen Core Web Vitals-Metriken von Google und ein SEO-Ranking-Faktor im Page Experience-Update.
2. Zeit bis zum ersten Byte (TTFB) – dies misst, wie schnell der Server mit dem ersten Datenbyte antworten kann, nachdem das PHP der Seite/des Themes verarbeitet wurde (oder im Falle unseres WP Rocket-Tests aus dem Cache geliefert wurde).
3. Seitengröße – alles andere gleich, eine kleinere Seitengröße ist immer besser.
4. HTTP-Anfragen – alles andere gleich, weniger HTTP-Anfragen sind immer besser.

Schließlich sind hier die Versionsnummern für alles, was wir testen:

• Avada-Thema – 7.5
• Avada-Builder – 3.5
• Divi-Thema – 4.13.1
• WP-Rakete – 3.10.3.

Divi vs. Avada-Geschwindigkeitstests

Kommen wir nun zu unseren praktischen Leistungstests zwischen Divi und Avada.

Test Nr. 1: Nur die Themen

In diesem ersten Test testen wir nur die Designs, ohne die visuellen Builder zu verwenden:

• Divi – nur das Divi-Thema, da Divi bereits im Divi Builder gebündelt ist.
• Avada – Wir haben auch die Plugins Avada Core und Avada Builder installiert, da dies Kern-erforderliche Plugins sind. Wir haben jedoch keine optionalen Plugins installiert.

Der eigentliche Inhalt ist die „Beispielseite“, die mit einer frischen WordPress-Installation geliefert wird. Es wurde mit dem nativen Blockeditor erstellt.

Hier sind die Daten für die Themen selbst:

Sie können sehen, dass Divi hier der ziemlich klare Gewinner ist, wenn es um die Zeit für größtes zufriedenes Malen geht, da Avadas Zeit um 50 % höher ist.

Warum der Unterschied?

Nun, wir werden vermuten, dass ein großer Teil der schnelleren Leistung von Divi darauf zurückzuführen ist, dass die Seitengröße von Avada 544 KB beträgt, während die von Divi nur 201 KB beträgt. Denken Sie daran, dass dies für eine Seite gilt, die nicht mit dem visuellen Builder erstellt wurde – dies ist nur die standardmäßige Beispielseite, die mit dem Blockeditor erstellt wurde.

Schauen wir uns nun die Daten nach dem Hinzufügen von WP Rocket an:

Sie können sehen, dass beide Themen mit den Optimierungen von WP Rocket viel schneller sind und es nur einen sehr geringen Unterschied in der Zeit für Largest Contentful Paint zwischen Divi und Avada gibt. Divi ist immer noch etwas schneller, aber der Unterschied ist klein genug, dass es sich nur um normale Testvariabilität handeln könnte.

Darüber hinaus konnte WP Rocket die Seitengröße beider Themen dank der Funktionen zum Entfernen von nicht verwendetem CSS und zum Verzögern der JavaScript-Ausführung erheblich reduzieren. Sie können sehen, dass die Seitengröße von Divi um mehr als die Hälfte gesunken ist, während die Seitengröße von Avada um mehr als 200 KB reduziert wurde.

Diese Verbesserungen, zusammen mit Caching und anderen Optimierungen, haben die verbesserten LCP-Zeiten verursacht.

Test Nr. 2: Mit Bauherren

In diesem zweiten Test haben wir den visuellen Builder jedes Themas verwendet, um eine vergleichbare Seite mit ungefähr denselben Modulen zu erstellen. Das Design ist sehr einfach – wir haben nur drei Elemente hinzugefügt, um die Dinge so gleich wie möglich zu halten:

• Texteditor mit identischem Lorem-Ipsum-Inhalt
• Taste
• Gegenkreis

Die Idee hier ist hauptsächlich zu sehen, welches zusätzliche „Gewicht“ der Seite hinzugefügt wird, wenn Sie den Builder jedes Themas aktivieren.

Hier sind die Daten nur für die Themes/Builder selbst:

Insgesamt können Sie sehen, dass die Ergebnisse ziemlich gleich wie oben sind. Divi ist in Bezug auf die Seitengröße merklich kleiner und hat daher eine schnellere Largest Contentful Paint-Zeit.

Darüber hinaus fügt keines der Themen der Seite zusätzliches Gewicht hinzu, nur weil Sie den visuellen Builder aktiviert haben, was bedeutet, dass es keine Nachteile für die Verwendung des Builders gegenüber dem nativen Editor gibt ( zumindest für einfache Seiten ).

Hier sind die Daten nach dem Hinzufügen von WP Rocket:

Mit WP Rocket sieht man das gleiche Ergebnis wie beim ersten Test. Jetzt sind die Zeiten von Divi und Avadas Largest Contentful Paint viel schneller und ähnlich in der Leistung, obwohl Divi wieder etwas schneller ist. Abgesehen davon, dass die Largest Contentful Paint-Zeit stark reduziert wurde, konnte WP Rocket auch ähnliche Reduzierungen der Dateigröße wie im ersten Test erreichen.

Abschließende Gedanken zur Leistung von Divi vs. Avada

Divi und Avada ähneln sich darin, dass beide Ihnen die Möglichkeit geben, eine benutzerdefinierte Website mit ihren visuellen Drag-and-Drop-Buildern zu erstellen.

Obwohl beide Ihnen diese Kontrolle geben, ist Divi jetzt deutlich schneller in Bezug auf die sofort einsatzbereite Leistung.

Der Unterschied war gering, als wir zum ersten Mal unsere Leistungstests zwischen Divi und Avada durchführten. Nach der Leistungsaktualisierung von Divi 4.10 im August 2021 ist Divi jetzt jedoch standardmäßig viel kleiner als Avada, was dazu führt, dass Divis voreingestellte Largest Contentful Paint-Zeiten etwa zwei Drittel von Avadas betragen.

Wenn Sie jedoch WP Rocket mit seinem Caching und den neuen Funktionen verwenden, um ungenutztes CSS zu entfernen und die Ausführung von JavaScript zu verzögern, können Sie große Verbesserungen an beiden Themen vornehmen.

Während Divi mit aktiviertem WP Rocket immer noch etwas schneller war, war der Unterschied viel minimaler und Avada lief immer noch gut.

Dies deutet darauf hin, dass Sie, obwohl Divi etwas schneller ist, mit Avada dennoch eine schnell ladende Website erstellen können, solange Sie Best Practices für die Leistung von WordPress mit einem Tool wie WP Rocket implementieren.

Natürlich sind diese beiden Themen nicht Ihre einzigen zwei Optionen. Wenn Sie sich auf Geschwindigkeit und Leistung konzentrieren, sollten Sie sich vielleicht unsere Sammlungen der schnellsten kostenlosen WordPress-Themes oder der schnellsten WooCommerce-Themes ansehen, wenn Sie einen E-Commerce-Shop aufbauen.

Sie können sogar noch schnellere Themen als diese beiden finden, einschließlich des Astra-Themas, das in unserem Leistungsvergleich zwischen Divi und Astra gut abgeschnitten hat ( obwohl der Unterschied dank der neuen Leistungsverbesserungen von Divi nicht so groß ist ).

Haben Sie noch Fragen zu Divi vs. Avada, wenn es um Geschwindigkeit und Leistung geht? Fragen Sie uns in den Kommentaren!