Divi vs Astra’nın hız ve performansının karşılaştırılması (2021): Hangisi daha hızlı?

Divi ile Astra arasındaki en hızlı temanın ne olduğunu bulmaya çalışın? Bu temaların her ikisi de ayarlanabilen çok popüler çok amaçlı seçeneklerdir. Bloglardan portföylere, e -ticaret mağazalarına, iş broşür web sitelerine, çevrimiçi mağazalara ve daha fazlasına kadar her türlü WordPress sitesi için kullanabilirsiniz. Divi, görsel yerleşik, sürükle ve bırak editörü (Divi Builder) ile birlikte gelir. Astra, Elementors ve Beaver Builder gibi popüler sayfaların bir eklenti üreticisi veya orijinal WordPress blok editörleriyle eşleştirilecek şekilde inşa edilmiştir. Ayarlama ve esneklik açısından, temalardan birinde yanlış olmayacaksınız. Ancak sitenizi oluşturmak için başka önemli hususlar da var – performans.
Sitenizin kullanıcıdan SEO deneyimine, dönüşüm oranı ve daha fazlasına kadar her şeyi etkileyen ne kadar hızlı yüklenir. Sitenizin temeli olarak, temanız sitenizin performansında büyük bir rol oynayacaktır. Divi vs Astra hızımızla karşılaştırıldığında, tek metriğe odaklanıyoruz. Yani, Divi veya Astra size daha hızlı bir WordPress sitesi verecek mi? Bu soruyu cevaplamak için kendi testimizi yapacağız. Bu iki temayı nasıl test edeceğimiz hakkında konuşarak başlayalım ve sonra ondan çizebileceğiniz verileri ve sonuçları paylaşacağız.
Notlar başlangıçta bu temaları test etti ve bu karşılaştırmaları Mart 2021’de yazdı. Ancak, Ağustos 2021’de, Divi’nin ağırlığını büyük ölçüde azaltan Divi için büyük ön uç performansının yenilenmesini yayınladı. Bu nedenle, değişiklikleri hesaba katmak için Kasım 2021’de Divi vs Astra’nın performans testini tamamen gerçekleştiriyoruz. Astra ve Divi’nin performansını test etmek için Divi vs Astra temalarının performansını nasıl test edeceğiz, iki temel senaryoda her tema için dört ayrı test gerçekleştireceğiz. Senaryo #1: Temanın kendisini yalnızca kullanıma hazır bir durumda test edeceğiz. Yani, içerik eklemeden veya değişiklik yapmadan önce hangi temalar daha optimize edilir? Yeni WordPress kurulumundaki her temayı etkinleştiriyoruz ve testi hemen çalıştırıyoruz. Bu Skenario gerçek siteler için gerçekçi değil, ancak her temanın temel optimizasyonu hakkında iyi bir fikir veriyor. Senaryo #2: Her tema üreticisiyle basit bir sayfa oluşturacağız. Divi için sınırlı divi üreticisini kullanacağız. Astra için Elementor’u kurup kullanacağız. Astra’yı orijinal blok düzenleyicisiyle kullanabilmenize rağmen, Astra acemi sitelerinin çoğu Elementors ile yapılır, bu yüzden bunun en adil seçim olduğunu düşünüyoruz. Bu aynı zamanda Astra’yı görseller, sürükle ve bırak divi tasarımı ile tam olarak uyumlu hale getirmenin tek yoludur, bu yüzden bu aynı zamanda bu perspektiften en adildir.
Bununla birlikte, performans konusunda endişeleniyorsanız, orijinal blok düzenleyiciyi hala kullanıyorsanız Astra ile daha iyi sonuçlar alacaksınız. Tabii ki, eğer yaparsanız tam bir görsel tasarım deneyimi elde edemezsiniz – her zaman bir uzlaşma vardır. Son olarak, yukarıdaki iki senaryoda, iki test yapacağız: sadece performans optimizasyonu olmayan temalar.
WP roket eklentisi yüklendiğinde ve dosya/medya optimizasyonu etkinleştirilir.
Bu, WP Rocket gibi eklentilerle WordPress performansının en iyi uygulamasını uyguladığınızda hangi performansın bekleyebileceğinize dair bir resmini verecektir. Önbellekleme ve diğer genel optimizasyon özelliklerine ek olarak, WP Rocket, Divi ve Astra’yı optimize etmek için iyi iş çıkaran 3.9 sürümünde yeni özellikler ve iyileştirmeler sunar:
Kullanılmayan CSS’yi silin – Bu yeni özellik, sayfa sayfasına göre gereksiz CSS’yi silmenizi sağlar.
JavaScript Yürütme işlemini erteleyin – Bu özellik, tüm JavaScript’i kullanıcı etkileşimlerine ertelemenizi sağlar, bu da başlangıç ​​yükleme süresini ve en büyük içerik içeriğini (LCP) büyük ölçüde hızlandırır. Gerekirse belirli komut dosyalarını kolayca hariç tutabilirsiniz.
Referans olarak, test sitemiz ayda 5 $ ‘lık en ucuz DigitalOcean damlalarıyla yayınlandı, Runcloud ve All-Nginx yığınları tarafından yönetildi ve güçlendirildi. Ayrıca, test ettiğimiz tema/eklenti numarasının tam sürümü:
Divi Tema Sürüm 4.13.0.
Astra Tema Sürüm 3.7.5.
Elementor eklentisi sürüm 3.4.7 (ikinci test senaryosu için).
Hız testinin kendisini çalıştırmak için, mobil ilk test yaklaşımına sahip bir WebPagetest kullanacağız ve en büyük içerik boyası gibi temel web canlılarının metrik performansına odaklanacağız: iPhone 8 test cihazı
LTE bağlantı hızları, seyahat ederken kullanıcı keşfini simüle etmek için sınırlıdır (12 Mbps, 70 ms RTT). Gerçek dünyada, hücresel kullanıcılar WiFi, 5G veya daha hızlı olan diğer bağlantı türlerine bağlanırsa, hız daha hızlı olabilir.
Test sayısı – Tek test değişkenliğini ortadan kaldırmak için WebPagetest’ten dokuz ayrı test yapmasını ve medyan değerleri almasını isteyeceğiz.
Divi vs Astra’nın Hız Testi Şimdi, Hadi Verilere Gidelim!
Senaryo #1: Yalnızca bu ilk testte tema, sadece temanın kendisini test ediyoruz. Temel olarak, yeni WordPress kurulumunu oynuyoruz, temayı etkinleştiriyoruz ve ardından testi çalıştırıyoruz. Daha spesifik olarak, varsayılan olarak blogların bir listesini görüntüleyen ana ana sayfayı test ediyoruz (bu yalnızca varsayılan bir “Hello World” yazısıdır).
Tema tek başına yapılır (WP roketi olmadan): lcp ttfb istek http dosya boyutu

bölünme 0.953 s 0.424 saniye 15 206 kb

Astra 0.558 saniye 0.396 saniye 7

41 KB

Bir bütün olarak, Astra'nın Divi'nin kendisinden daha hızlı olduğunu görebilirsiniz. Yükleme süresi ve ikinci sayfanın boyutu ASTRA ile Divi'ye göre çok daha düşüktür.
Unutmayın - bu tam bir web sitesi için gerçekçi bir test değildir (özellikle Astra'yı bir sayfa üreticisi eklentisiyle eşleştirmeyi planlıyorsanız), ancak bu Astra'nın temelinin Divi Vakfı'ndan biraz daha hafif olduğunu gösterir. Ancak, karışıma WP roketi eklerseniz, miktar yaklaşıyor: lcp ttfb İstek http dosya boyutu divi + wp roket 0.424 saniye 0.368 saniye 9 93 Astra + WP Roket 0.409 saniye 0.353 s 4 19 kb

İlk olarak, Divi ve Astra'nın artık WP roketiyle oldukça aynı olan en büyük içerik boya süresine sahip olduğunu görebilirsiniz. Astra LCP'nin WP roketi olmadan çok daha iyi olmasına rağmen etkinleştirilir. Ayrıca, WP Rocket HTTP ve Divi ve Astra sayfalarına olan talebi önemli ölçüde azaltabilir. Fark, sayfa boyutunun 206 kb'den sadece 93 kb'ye düştüğü Divi ile daha dramatiktir. Bununla birlikte, yüzde açısından, iki temanın bir sayfa boyutu%50'nin biraz üzerinde azalmıştır. Senaryo #2: Bu ikinci performans testinde inşaatçı ile aşağıdaki test sayfasını göreceğiz:
Divi temaları + divi oluşturucu ile oluşturulan basit sayfalar