Oksijen Oluşturucu Arka Uç Yükleme Süresi Testi

Bu makale, Oxygen Builder'ın arka uç yükleme süresine bir göz atacak. Birçok kişi bunu bu WordPress PageBuilder'ın büyük bir dezavantajı olarak söylüyor, bu yüzden birkaç farklı cihazda test etmeye karar verdik. Bakalım neler keşfedilmiş.

İlk olarak, aynı cihazdaki farklı tarayıcıları karşılaştıracağız. Ardından, aynı tarayıcıyı kullanan farklı cihazları karşılaştıracağız. Bu, yalnızca Oxygen Builder'ı en hızlı hangi cihazların yüklediğini değil, aynı zamanda bu görev için hangi tarayıcıların en iyi olduğunu belirlememize izin vermelidir.

Bu karşılaştırmaya bir ton karmaşıklık ekleyen farklı barındırma kurulumlarını test etmeyi hariç tutacağız. Ayrıca, ucuz barındırma kullanıyorsanız, herhangi bir WordPress web sitesinin hem ön ucunda hem de arka ucunda yavaş yükleme sürelerine sahip olacağınız iyi bilinen bir gerçektir. Bu durumda tamamen size kalmış. (Ancak, gelecekte bunu tekrar gözden geçirebiliriz).

Test Konusu

Test konumuz, izleyicilerimiz için tarafımızdan oluşturulan nispeten standart bir oksijen oluşturucu web sitesidir. Sayfanın ilk performansına, boyutuna ve ek özelliklerine bir göz atalım.

Bu test web sitesi, 2 GB RAM ve standart ayarlara sahip özel bir DO Premium sunucusunda barındırılmaktadır. Hız, maliyet ve destek için önerilen sunucumuz olan Cloudways tarafından yönetilir. Test sırasında, sitede herhangi bir ek hız optimizasyonu tamamlamamıştık. Örnek çalıştırıldığından beri sunucu ayarlarına dokunulmadı.

Okuyun: WordPress Barındırma İçin Cloudway'in Beş Sunucu Seçimini Yıkmak

Yan not: Bu, geliştirme ve düşük trafik siteleri için harika bir sunucu seçeneğidir ve başlatırken kolayca ölçeklendirebilirsiniz. Kaydolurken Cloudways'de indirim için ISOTROPIC kodunu kullanın ve 3 günlük ücretsiz deneme (CC yok) kazanın.

Test edilen sayfa, web sitesinin ana sayfasıdır. Test sırasında, şöyle görünüyordu:

Sayfanın yüklenen ana öğeleri bir Oxygen Builder menü öğesi, özel bir arama çubuğu ve demo gönderilerinden oluşan kolay gönderiler ızgarası (ilk bölüm), bir WSForm Oxygen öğesi ve içinde tekrarlayıcı bulunan bir OxyExtras döngüsüydü. Bu tekrarlayıcı, dokuzdan fazla gönderiye ve MetaBox alanlarına dayalı düzinelerce koşula sahipti.

Sayfa, bir Deals.isotropik.co alt etki alanı DNS'si Cloudflare aracılığıyla proxy yapıldığından herkese açıktı.

Toplam sayfa boyutu 5.05MB idi. Bunun başlıca nedeni, test sırasında optimize edilmiş görüntülerin kullanılmasıydı. Lütfen bunun erken aşamada bir geliştirme sitesi olduğunu unutmayın (yayınlanmadan önce hızlı bir şekilde yapacağımıza söz veriyorum). Bu tür bir web sitesinin, normal bir geliştirme ortamını simüle ettiği için Oxygen Builder'ın geri ve yükleme hızını test etmenin en iyi yolu olduğuna inanıyorum.

Kullanılan eklentiler şu şekildeydi:

*Aslında kullandığımız eklentileri burada da kanıtlandığı gibi inceliyoruz :).

Oxygen Builder 3.9 Beta 2'yi kullandığımızı not etmek önemlidir. Ayrıca WooCommerce öğelerini de yüklemiştik, ancak WooCommerce bu noktada değildi.

Geliştiricilerin raporlarına göre, Oxygen'in bu sürümü, öncekine göre arka uca yüklenmek için neredeyse iki kat daha hızlıydı.

Ek olarak, OxyExtras, WPGridbuilder, OxyMade ve WSForm'un oluşturucunun arka ucuna eklenen tüm öğeleri not etmek istiyorum. Swiss Knife, bir dış görünüm/iş akışı aracı ve Hidrojen Paketi de arka uca yükleniyor.

Esasen, bu test konusu, Oxygen Builder'ı kullanan birçok kişinin yükleme deneyimine sahip olduğu bir sayfadır. Hem oluşturucudan hem de üçüncü taraf eklentilerden arka uca yüklenecek birkaç eklenti, uzantı ve komut dosyası vardır.

Son olarak, WiFi'me hızlı bir bakış:

Bu Test Nasıl Çalışır?

Bu test, sayfa arka ucundaki "Oxygen ile düzenle"yi tıklatarak Oxygen Builder'ı doğrudan yükleyerek yönetilir.

Düğmeye basılır ve zamanlayıcı orada başlar. Dişli simgesi durduğunda ve tarayıcı tamamen başlatıldığında, test durur.

Bunu bir iPhone kronometre kullanarak elle zamanladığım için bunun tamamen doğru olmadığını lütfen unutmayın, ancak hangi cihazların ve tarayıcıların bu eklentiyi en hızlı yüklediğine dair iyi bir tahmin vermesi gerekir. Şunu da belirtmekte fayda var - sayfa daha önce yazı tipi ucuna yüklendi, ancak hiçbir zaman yönetici olarak arka uç oluşturucuya yüklenmedi . Deals.isotropik.co'yu yükleyerek, üst çubuğa gidip düzenle sayfasına tıklayarak ve ardından oksijenle düzenle düğmesine tıklayarak oluşturucuya geliyorum.

Bu testin amacı bir hız koşusu değildir. Hız ve verimlilikle ilgili endişelerin garanti edilip edilmediğini görmek için bu eklentinin arkasına ve yükleme sürelerine gerçekten gerçek dünya verilerini almaktır. Gerçek zaman rakamlarına bakmak yerine, cihaz ve tarayıcı söz konusu olduğunda bu sayılar arasındaki farklara bakmayı düşünün.

Son olarak, herhangi birinin satın almaya teşvik etmesi ihtimaline karşı Amazon bağlantılarını (bağlı kuruluş) ekledim.

Tarayıcıya Göre Oksijen Oluşturucu Yükleme Süreleri

İlk olarak, Mac Mini M1'imde yüklü olan tüm tarayıcılara yüklemeyi deneyelim. Cihaz tarafından test edilirken istatistikler yeniden ifade edilecektir, ancak bu, Big Sur V11.3.1 çalıştıran 8 GB RAM'e sahip 2020 M1 Mac Mini'dir. Bu benim "günlük masaüstüm".

Oxygen'i yüklemek için hangisinin en hızlı olduğunu belirlemek için bir tarayıcı testiyle başlıyoruz. Farklı cihazları test ederken bu tarayıcıyı kullanacağız.

Safari V14.1, Chrome V95.0.4638.69 ve Firefox V94'ü test ediyoruz.

• Firefox 05.59 saniyede geliyor.
• Chrome 17.52 saniyede geliyor.
• Safari 6.20 saniyede geliyor.

Chrome, buradaki bariz aykırı değerdi. Yüklemede bir aksaklık olup olmadığını görmek için tekrar çalıştırdım - ikinci kez yüklenmesi yaklaşık 16.5 saniye sürdü, bu yüzden ortalamanın nispeten doğru bir sayı olduğunu düşünüyorum.

Buradaki çıkarım, Firefox'un en hızlı tarayıcı olmasıdır. Bu, bir süredir resmi Facebook grubunda tartışılan bir konu, umarım bu deneysel veriler bu tarayıcıyı kullanmanız gerektiğini kanıtlar. Kişisel olarak Firefox, tonlarca yüksek kaliteli ön uç geliştirici aracına sahip olduğu için web siteleri geliştirmek için en sevdiğim tarayıcıdır. Ancak krom ile karşılaştırıldığında güvenlik ve performans denetimlerinde eksiktir.

Cihaz testi için bu tarayıcıyı kullanacağız.

Tarayıcıya Göre Oksijen Oluşturucu Yükleme Süreleri

Bu test için, aynı Wi-Fi ağında bulunan, aynı Firefox sürümünü kullanan ve öncekiyle aynı sayfayı yükleyen cihazları kullanacağız. Ayırt edici faktör, cihaz ve arkasındaki test istatistikleri olacaktır. İşte kadro.

2020 Mac Mini (zaten test edildi)

• Elma M1 Çip
• 16 GB RAM

05.59 saniyede Oksijen yükler.

2019 XPS 13 9370

• Intel i7-8550U
• 16 GB RAM

Oksijeni 11.54 saniyede yükler.

2020 iPad Air 10.9 inç MYFT2LL/A

• Elma A14 Çip
• 4 GB RAM

Oksijeni 11.96 saniyede yükler.

Okuyun: Bir iPad Pro'da Web Siteleri Geliştirebilir misiniz?

2019 Dell Latitude 7400

• Intel i7 8655U
• 16 GB RAM

Oksijeni 16.19 saniyede yükler.

2020 Macbook Pro 13 inç

• Intel Core i5
• 16 GB RAM
• Intel Iris Plus Grafik Kartı 645 1536 MB

Oksijeni 9.66 saniyede yükler.

2021 Macbook Pro 16 inç

• Elma M1 Maks Çip
• 64 GB RAM

Oksijeni 5,43 saniyede yükler.

Test sırasında tüm cihazlar bir pil şarj cihazına takılır. Firefox tarayıcısı, açık olan tek uygulama/programdır. Neden tüm bu cihazlara erişimim olduğunu merak ediyor olabilirsiniz. Bu elektroniklerin her birine kişisel olarak sahip değilim, bunun yerine yerel bir üniversiteden kiralama erişimim var.

Büyük Çıkarımlar

İlk olarak, birkaç kez belirtildiği gibi, bu kusurlu bir testtir. Laboratuvar ortamında yapılmamıştır. Daha az dinamik veri içeren sayfalar arka uç oluşturucuda daha hızlı yüklenir ve daha dinamik veri içeren sayfalar daha yavaş yüklenir. Resimler, DOM öğeleri ve komut dosyaları için aynı.

Bu sayıları keyfi olarak kullanmanızı öneririm. Oksijen sizin için X.XX saniyede yüklenecek demek yerine, tarayıcı ve cihazları karşılaştırmak için sayıları kullanın.

Paket Servis 1: Tarayıcı Önemlidir

Facebook'un sürekli olarak belirttiği gibi, Firefox Oxygen Builder'ı yüklemek için en hızlı tarayıcıdır. Kişisel olarak Firebox geliştirici sürümünü kullanıyorum.

Paket Servis 2: Cihaz Önemlidir

En hızlı iki cihaz, Apple Silikon kullanan en yeni Apple cihazlarıdır. Bu mantıklı; bu işlemciler piyasadaki hemen hemen her şeyden çok daha hızlıdır; ve o kadar pahalı değiller. Temel M1 Mac Mini yenilenmiş 600 doların altında ve M1 Macbook Air 899 dolardan geliyor.

Paket Servis 2B: Görünüşe göre işlemci RAM'den daha önemli

Ayrıca işlemci ne kadar güçlüyse, arka uç Oluşturucunun yükleme süresi o kadar iyi görünüyor. Örneğin, 64 GB RAM'e sahip bir dizüstü bilgisayar, 16 GB RAM'e sahip bir dizüstü bilgisayara benzer şekilde yüklenir. İşlemci gücü düştükçe, oluşturucunun yükleme süresi de düşer.

Oluşturucuyu bir Chromebook'a veya düşük istatistiklere sahip başka bir cihaza yüklemeye çalışmanın zor olabileceğini tahmin ediyorum.

Son düşünceler

Bu test için ortalama Oksijen Arka Uç yükleme süresi, bir ton dinamik veri içeren büyük, optimize edilmemiş bir sayfa için yaklaşık 10 saniyeydi. Ek olarak, sayfaya kendi öğelerini yükleyen çeşitli eklentiler ve büyük bir özel, global CSS koleksiyonu vardı. Bu benim kitabımda çok kabul edilebilir. Oluşturucuyu Collaboration eklentisi ile yeniden yüklemeye gerek kalmadan CSS sınıfları ve global seçenekler senkronize edilebildiğinde, bu daha da kabul edilebilir hale gelir.

Çoğu proje için Oksijen kullanan bir web geliştiricisi olarak, inşaatçının hızı beni hiç etkilemedi, ancak bunun için en iyi kurulumun ne olduğuna ciddi olarak bakmak istedim.

Kendinize ait karşılaştırma numaralarınız varsa, bunları aşağıdaki yorumlar bölümünde yayınlamaktan çekinmeyin.