Divi vs Avada Performans Karşılaştırması (2021): Hangisi Daha Hızlı?

WordPress sitenizi oluşturmak için Divi ve Avada arasında seçim yapmaya mı çalışıyorsunuz?

Bu iki tema, tüm zamanların en popüler premium WordPress temalarından ikisidir – Elegant Themes (Divi'nin geliştiricisi) 806.000'den fazla müşteriye sahip olduğunu iddia ediyor ve Avada, ThemeForest'ta 747.000'den fazla kez satın alındı. Bunlar hem inanılmaz derecede etkileyici rakamlar hem de her temanın çok sayıda mutlu kullanıcısı olduğunun kanıtı.

Her iki temanın da başarısının ardındaki en büyük etkenlerden biri, bir araya getirilmiş görsel, sürükle ve bırak oluşturucularıdır. Bu oluşturucularla güzel özel WordPress siteleri oluşturabilirsiniz - kod gerekmez.

Ancak, bir WordPress temasında dikkate alınması gereken tek şey tasarım esnekliği değildir – ayrıca, web sitesi yükleme süreleri kullanıcı deneyiminden SEO'ya, dönüşüm oranlarına ve daha fazlasına kadar her şeyde rol oynadığından, bu temanın web sitenizin yüklenmesine ne kadar hızlı yardımcı olacağını da tartmanız gerekir. .

Bu, Google'ın Önemli Web Verilerini sıralamalarına dahil etmeye başladığı Google'ın Sayfa Deneyimi güncellemesinden bu yana daha da doğrudur.

Bu amaçla, belirli bir metriğe odaklanan bir Divi ve Avada karşılaştırması oluşturmaya karar verdik: performans.

Yani, Divi veya Avada daha hızlı yüklenen bir web sitesi edinmenize yardımcı olur mu? Bu soruyu yanıtlamak için kendimize ait bazı testler yaptık – verileri ve analizi görmek için okumaya devam edin.

Not – bu gönderiyi ilk olarak yayınladık ve bu testleri Temmuz 2021'de gerçekleştirdik. Ancak Elegant Themes, Ağustos 2021'de (Divi 4.10) Divi'nin performansında büyük bir fark yaratan büyük ön uç performans güncellemeleri içeren bir güncelleme yayınladı. Bu nedenle, bu testleri tamamen yeniden düzenledik ve tüm yeni verileri ve sonuçları Kasım 2021'de topladık.

Divi vs Avada Tema Performansını Nasıl Test Edeceğiz?

Verilere geçmeden önce, işleri nasıl kurduğumuzu tam olarak bilmeniz için Divi ve Avada performansını nasıl test edeceğimiz hakkında konuşalım.

İlk olarak, iki üst düzey senaryoyu test edeceğiz:

• Test #1 – sadece temaları test edeceğiz. Yani, paketlenmiş görsel oluşturucularını kullanmayacağız. Bunun yerine, blok düzenleyiciyle oluşturulmuş varsayılan “Örnek Sayfayı” test edeceğiz.
• Test #2 – Divi ve Avada'yı bu kadar popüler yapan şeyin önemli bir parçası görsel oluşturucular olduğundan, her temanın oluşturucuyla oluşturulmuş basit bir sayfayı test edeceğiz. Karşılaştırmayı mümkün olduğunca eşit hale getirmek için karşılaştırılabilir modüller kullanmaya çalışacağız.

Her bir üst düzey test senaryosu için iki farklı kurulumu da test edeceğiz:

• İlk kurulum, yalnızca temaların kendisiyle yapılır ve başka performans optimizasyonları yoktur.
• İkinci kurulum, WordPress performansı en iyi uygulamalarını uyguladığınızda işlerin nasıl göründüğünü görebilmeniz için WP Rocket kurulu ve yapılandırılmıştır.

Sayfa önbelleğe alma ve diğer temel en iyi uygulamalara ek olarak, WP Rocket ayrıca her temanın kodunu optimize edebilen ve Önemli Web Verileri ölçümlerini iyileştirebilen bazı benzersiz özellikler sunar.

• Kullanılmayan CSS'yi kaldırın – bu, gereksiz CSS'yi sitenizden sayfa sayfa kaldırmanıza olanak tanır. Divi ve Avada gibi temaların sayfa boyutunu küçültmek özellikle harika olabilir.

• JavaScript yürütmeyi geciktirme – bu, JavaScript'i bir kullanıcı etkileşimine kadar yürütmeyi beklemenize olanak tanır ve bu, ilk yükleme süresini hızlandırma konusunda harika bir iş çıkarır. Hemen yüklenmesi gerekiyorsa, belirli komut dosyalarını her zaman manuel olarak hariç tutabilirsiniz .

Test sitelerimiz, RunCloud ve tamamen Nginx yığını tarafından desteklenen aylık 5 dolarlık ucuz bir DigitalOcean damlacığında barındırılıyor. Yukarıda belirtildiği gibi bazı testlerde WP Rocket eklemenin ötesinde herhangi bir performans iyileştirmesi yapmadık.

WordPress performans verilerini test etmek ve ölçmek için mobil odaklı performans verilerini toplamak için WebPageTest'i kullanacağız:

• Test cihazı – iPhone 8. Daha modern cihazlar, JavaScript'i daha hızlı işlemek için daha güçlü işlemcilere sahip olacak ve bu da biraz daha hızlı yükleme sürelerine yol açabilir. Daha eski/düşük güçlü cihazlarda durum tam tersi olabilir.
• Bağlantı Hızı – daraltılmış LTE bağlantısı (12 Mbps, 70 ms RTT). Gerçek dünyadaki yükleme süreleri, bir ziyaretçi Wifi üzerinden geziniyorsa daha hızlı veya kullanıcının 3G bağlantısı gibi bir şeye sahip olması durumunda daha yavaş olacaktır.

Her test için WebPageTest'in dokuz ayrı test çalıştırmasını ve medyan değerini almasını sağlayacağız. Bu, tek test değişkenliğinden kaçınmamıza ve daha tutarlı sonuçlar elde etmemize yardımcı olur.

İşte odaklanacağımız dört metrik:

1. En Büyük İçerikli Boya (LCP) – Google'ın yeni Önemli Web Verileri metriklerinin bir parçası ve Sayfa Deneyimi güncellemesinde bir SEO sıralama faktörü.
2. İlk bayta kadar geçen süre (TTFB) – bu, sunucunun sitenin/temanın PHP'sini işledikten (veya WP Roket testimiz durumunda önbellekten teslim ettikten) sonra ilk veri baytı ile ne kadar hızlı yanıt verebileceğini ölçer.
3. Sayfa Boyutu – diğer her şey eşit, daha küçük bir sayfa boyutu her zaman daha iyidir.
4. HTTP istekleri – diğer her şey eşittir, daha az HTTP isteği her zaman daha iyidir.

Son olarak, test ettiğimiz her şeyin sürüm numaraları:

• Avada teması – 7.5
• Avada Oluşturucu – 3.5
• Divi teması – 4.13.1
• WP Roketi – 3.10.3.

Divi vs Avada Hız Testleri

Şimdi, uygulamalı Divi vs Avada performans testlerimize geçelim.

1. Test: Sadece Temalar

Bu ilk testte, görsel oluşturucuları kullanmadan yalnızca temaları test ediyoruz:

• Divi – Divi zaten Divi Builder'da paketlendiği için sadece Divi teması.
• Avada – gerekli temel eklentiler oldukları için Avada Core ve Avada Builder eklentilerini de kurduk. Yine de isteğe bağlı eklentiler yüklemedik.

Asıl içerik, yeni bir WordPress kurulumuyla birlikte gelen “Örnek Sayfa”dır. Yerel blok düzenleyici ile oluşturulmuştur.

İşte temaların kendileri için veriler:

Avada'nın süresi %50 daha yüksek olduğundan, En Geniş İçerikli Boyama süresi söz konusu olduğunda Divi'nin burada oldukça açık bir kazanan olduğunu görebilirsiniz.

Neden fark?

Pekala, Divi'nin daha hızlı performansının büyük bir kısmının Avada'nın sayfa boyutunun 544 KB, Divi'nin ise sadece 201 KB olması gerçeği olduğunu tahmin edeceğiz. Bunun görsel oluşturucu kullanılarak oluşturulmamış bir sayfa için olduğunu unutmayın – bu yalnızca blok düzenleyiciyle oluşturulmuş varsayılan örnek sayfadır.

Şimdi WP Rocket ekledikten sonra verilere bakalım:

WP Rocket'in optimizasyonları ile her iki temanın da çok daha hızlı olduğunu ve Divi ile Avada arasında En Büyük İçerikli Boyama süresinde çok az fark olduğunu görebilirsiniz. Divi hala biraz daha hızlıdır, ancak fark, normal test değişkenliği olabilecek kadar küçüktür.

Dahası, WP Rocket, kullanılmayan CSS'yi kaldırma ve JavaScript yürütmesini geciktirme özellikleri sayesinde her iki temanın da sayfa boyutunu büyük ölçüde azaltabildi. Avada'nın sayfa boyutu 200 KB'den fazla küçülürken Divi'nin sayfa boyutunun yarıdan fazla düştüğünü görebilirsiniz.

Bu iyileştirmeler, önbelleğe alma ve diğer ince ayarlarla birlikte, LCP sürelerinin iyileşmesine neden oldu.

Test #2: İnşaatçılar ile

Bu ikinci testte, kabaca aynı modülleri kullanarak karşılaştırılabilir bir sayfa oluşturmak için her temanın görsel oluşturucusunu kullandık. Tasarım çok basit – her şeyi olabildiğince eşit tutmak için yalnızca üç öğe ekledik:

• Aynı lorem ipsum içeriğine sahip metin düzenleyici
• Buton
• karşı daire

Buradaki fikir, esas olarak, her temanın oluşturucusunu etkinleştirdiğinizde sayfaya hangi ekstra "ağırlığın" eklendiğini görmektir.

İşte yalnızca temaların/oluşturucuların kendi başlarına verileri:

Genel olarak, sonuçların yukarıdakiyle hemen hemen aynı olduğunu görebilirsiniz. Divi, sayfa boyutu açısından gözle görülür şekilde daha küçüktür ve sonuç olarak, daha hızlı Geniş İçerikli Boyama süresine sahiptir.

Dahası, görsel oluşturucuyu etkinleştirdiğiniz için hiçbir tema sayfaya fazladan bir ağırlık kazandırmaz; bu, oluşturucuyu yerel düzenleyici üzerinde kullanmanın gerçekten bir cezası olmadığı anlamına gelir ( en azından basit sayfalar için ).

WP Rocket ekledikten sonraki veriler:

WP Rocket ile ilk testle aynı sonucu görebilirsiniz. Şimdi, Divi ve Avada'nın En Büyük İçerikli Boyama süreleri, Divi yine biraz daha hızlı olsa da, performans açısından çok daha hızlı ve benzer. WP Rocket, En Büyük İçerikli Boyama süresini büyük ölçüde azaltmanın ötesinde, ilk testte olduğu gibi dosya boyutunda da benzer azalmalar elde etmeyi başardı.

Divi vs Avada Performansı Üzerine Son Düşünceler

Divi ve Avada, görsel sürükle ve bırak oluşturucularını kullanarak size özel bir web sitesi oluşturma gücü vermesi bakımından benzerdir.

Bununla birlikte, her ikisi de size bu kontrolü sağlarken, Divi şimdi kullanıma hazır performans açısından önemli ölçüde daha hızlıdır.

Divi ve Avada performans testlerimizi ilk yaptığımızda fark küçüktü. Ancak, Ağustos 2021'deki Divi 4.10 performans güncellemesinden sonra, Divi artık varsayılan olarak Avada'dan çok daha küçüktür ve bu da Divi'nin kullanıma hazır En Büyük İçerikli Boyama sürelerinin Avada'nın yaklaşık üçte ikisi olmasına yol açar.

Ancak, kullanılmayan CSS'yi kaldırmak ve JavaScript yürütmesini geciktirmek için önbelleğe alma ve yeni özelliklerle birlikte WP Rocket'i kullanırsanız, her iki temada da büyük iyileştirmeler yapabilirsiniz.

WP Rocket etkinken Divi hala biraz daha hızlı olsa da, fark çok daha azdı ve Avada yine de iyi performans gösterdi.

Bu, Divi biraz daha hızlı olsa da, WP Rocket gibi bir araçla WordPress performansı en iyi uygulamalarını uyguladığınız sürece Avada ile hızlı yüklenen bir site oluşturabileceğinizi gösteriyor.

Tabii ki, bu iki tema sadece iki seçeneğiniz değil. Hız ve performansa odaklanıyorsanız, bir e-ticaret mağazası kuruyorsanız en hızlı ücretsiz WordPress temaları veya en hızlı WooCommerce temaları koleksiyonlarımıza göz atmak isteyebilirsiniz.

Divi ve Astra performans karşılaştırmamızda iyi performans gösteren Astra teması da dahil olmak üzere bu ikisinden bile daha hızlı temalar bulabilirsiniz ( ancak Divi'nin yeni performans iyileştirmeleri sayesinde fark o kadar büyük değildir ).

Hız ve performans söz konusu olduğunda Divi vs Avada hakkında hala sorularınız mı var? Yorumlarda bize sorun!