Performans İncelemeleri & AMP;Avada Hız: Gerçekten hızlı mı?(2021)
WordPress sitenize güç sağlamak için Avada temasını kullanmayı mı düşünüyorsunuz? Eğer alışkın değilseniz, Avada şimdiye kadar Themeforest’te tüm zamanların en iyi yazan WordPress teması olmuştur. Bu yazıyı Temmuz 2021’de yeniden yazdığımızda, bu yazı 704.447+ kez satın alınmıştı. Ve yüz binlerce alım için 24.300’den fazla incelemede 5’ten etkileyici bir 4.77 sıralama sürdürüldü. Birçok site Avada’yı çalıştırır ve birçok müşteri mutludur, bu nedenle WordPress Avada teması açıkça bir şeyler doğru yapmak zorundadır. Avada çok sayıda demo sitesi, özellik ve seçenekle birlikte gelir, ancak Avada tema incelememizin ana odağı değildir.
Tersine, bir bakışta özelliklerden bahsederken, esas olarak Avada’nın performansına odaklanıyoruz. Özellikle, Avada temasını çalıştıran web sitesi kutunun dışında ne kadar hızlı yayınlanır ve sayfanızı biraz WP roketinin optimizasyonu ile yükleme zamanı nedir? Avada’nın performansının nasıl bir temerrüde ve optimize edilmiş bir senaryoda olduğunu anlamanıza yardımcı olmak için şunları yapacağız:
Masaüstü ve hücresel için WebPagetest’i kullanarak Avada demo sitesinden birkaç farklı sayfayı test edin.
Yeni kullanılmayan CSS silme seçeneği de dahil olmak üzere WP roketinin performansını optimize eden birçok özellik ile işlerin nasıl değiştiğini görmek için WP roketini etkinleştirdikten sonra aynı sayfayı test edin.
Verilerinizi göstermeden önce Avada’nın performansını nasıl test ederiz, test ve test ortamımızı çalıştıralım.
İlk olarak, test web sitemiz RunCloud ve tüm Nginx-Stack’leri kullanmayı başardığımız en ucuz Digitalocean 5 $ damlalarında yayınlandı. Kendi Avada’ımızı hazırlamak için, eksiksiz bir AVADA demo sitesi içe aktarıyoruz. Özellikle, Avada muhasebecisi demo sitesi. Doğru performans sonuçları, içe aktardığınız belirli demo sitelerine göre değişecek olsa da, Avada muhasebecisi demo sitesi, AVADA demo web sitesi dahil olmak üzere “ortalama” öğelerin iyi bir temsilidir, bu nedenle temel fikir tüm site demolarında aynı olmalıdır. Avada temasına ek olarak, demo sitesini desteklemek için gereken minimum eklentileri de yükliyoruz. Bu: Avada’nın Çekirdeği
Avada yapımcısı
İletişim Formu 7
Ayrıca, demo içeriğinde optimize edilmeyen görüntülerin sonuçları gerçekten etkilememesini sağlamak için herhangi bir testi çalıştırmadan önce “agresif” sıkıştırma kullanarak demo sitemizdeki görüntüleri optimize etmek için Imagify’ı da kullanıyoruz. Her sayfa için performans verileri toplamak için WebPagetest’i iki farklı yapılandırmada kullanacağız:
Masaüstü Testi – Krom tarayıcısını kullanıyoruz ve FIOS bağlantısını kullanarak hızı sınırlıyoruz – 20/5 Mbps 4 ms RTT. Bu bağlantı hızı, bazı konumlar daha hızlı olacak olsa da, bir bütün olarak ABD için ortalama internet hızıdır.
Hücresel Testi – Orta düzey bir Moto G4 cihazı kullanıyoruz ve 4G – 9 Mbps, 170 ms RTT’yi taklit etmek için bağlantıları sınırlıyoruz. Daha yavaş bir bağlantı ve düşük güçlü cihaz nedeniyle, bu test doğal olarak masaüstü testinden daha yavaş olacaktır.
Her test için aşağıdaki verileri toplayacağız:
En büyük içerikli kedi – LCP (Google’ın yeni web çekirdeğinin bir parçası)
İlk bayt zamanı
Sayfa boyutu
Önce sadece Avada demo içeriğini ve yukarıda belirtilen paket eklentilerini test edeceğiz.Ardından, WP roketini yükleyeceğiz ve aynı sayfaları yeniden test edeceğiz.Varsayılan WP roketindeki (önbellek sayfası, GZIP sıkıştırma, önbellek tarayıcısı vb.) Artışın ötesinde, aşağıdakiler de dahil olmak üzere diğer birkaç seçeneği de etkinleştireceğiz.
HTML, CSS ve JavaScript için kod optimizasyonu.
Yeni kullanılmayan CSS özelliklerini silin.Şu anda bu testi gerçekleştirdiğimizde hala beta versiyonunda, ancak gerçekleştirdiğimiz testlerde bazı önemli gelişmeler gösterdi.
Medya optimizasyonu (AVADA yavaş yükleme içerir, ancak bunun yerine WP roketini kullanmak için ikinci test için devre dışı bırakırız).
AVADA WordPress Tema İncelemesi: Performans Verileri Verilere Gelin!
Test #1: Bu ilk testte WP roketi yok, sadece avada’yı ek performansı optimize etmeden kendimizi test ediyoruz.AVADA’nın yavaş yükleme ve dosya kombinasyonları dahil varsayılan optimizasyon özelliklerini kullanıyoruz.Tam bir demo sitesi içe aktardığınızda varsayılan olarak Avada tarafından etkinleştirilen performans özelliklerini kullanırız.Site genelinde kullanıcı deneyimlerini daha iyi anlamak için Avada demo sitemizin beş temel sayfasını test edeceğiz.Masaüstü:
> Home
td> 0.869 saniye
blog sayfası
0.921 saniye
0.520 saniye
413 kb
İletişim
1,219 Saniyeler
0.821 saniye
335 kb
Hücresel:
sayfalar
lcp
ttfb
<tfb
sayfa boyutu
3.215 saniye
> 0.960 saniye
333 kb
413 kb
İletişim
Genel olarak, Avada masaüstü testinde oldukça iyi göründü, bir saniyenin altında hızlı LCP süresi ile çoğu sayfada.Bununla birlikte, çoğu sayfa için Google tarafından önerilen 2.5 saniyelik LCP süresinden biraz daha yavaş olan hücresel testimizde iyi gitmedi.
Yukarıda belirttiğimiz gibi, Avada'nın başarısının çoğu, yavaş yükleme ve CSS ve JavaScript derleyicileri gibi demo sitelerini içe aktardığınızda etkinleştirilen varsayılan optimizasyon özelliğidir. Bu özelliklerden bazıları WP roketindeki çeşitli özelliklerle örtüşüyor, bu yüzden WP roketinin daha da hızlanıp hızlanamayacağını görelim. Test #2: WP Rocket şimdi, WP roketini kurduktan ve kullanılmayan CSS özelliği de dahil olmak üzere yukarıda bahsettiğimiz özellikleri yapılandırdıktan sonra aynı testleri çalıştıracağız. Masaüstü:
> Home
td> 0.434 saniye
blog sayfası
0.311 saniye
0.039 saniye
337 kb
İletişim
0.337 Saniyeler
0.044 saniye
259 kb
Hücresel:
sayfalar
lcp
ttfb
sayfa boyutu
1.846 dtk </td
0.573 saniye
309 kb
> 0.538 saniye
blog sayfası
1.855 saniye
Genel olarak, WP roketinin en büyük boyayı ve TTFB'yi neredeyse yarısı (veya masaüstünde) için kesebileceğini görebilirsiniz.Buna ek olarak, WP roket, özellikle kullanılmayan CSS silme özelliği sayesinde dosya boyutunu ~ 80-90 kb azaltabilir.
WP roketi ile AVADA, her test ve tüm sayfalarda 2,5 -saniyelik LCP önerilerinin altındadır. Farkı görmeyi kolaylaştırmak için, masaüstü ve hücresel için en büyük içerik boya dosyasının zamanı ve boyutu:
saniye
WP LCP Roket
kb
roket boyutu wp
Hücresel:
> LCP teması
td> 1.855 saniye
/td>
259 kb
TD> Avada Basic Yukarıdaki test verilerine ek olarak, "Ağırlık" da topluyoruz
Yalnızca varsayılan AVADA temasından, herhangi bir eklenti yüklemeden veya herhangi bir demo sitesini içe aktarmadan önce. Bu test için Avada Core veya AVADA Builder eklentisini bile yüklemedik. Bu, doğrudan siteler için gerçekçi bir senaryo değil, ancak bu bize Avada ile diğer temaları en hızlı ücretsiz WordPress tema gönderimizle karşılaştırma fırsatı veriyor. Bu testin AVADA'nın varsayılan optimizasyonunu (yavaş yükleme ve dosya kombinasyonu) içermediğini belirtmek önemlidir, çünkü bu tam bir yönlendirme işlemine girene ve AVADA demo sitesini içe aktarıncaya kadar etkinleştirilmez. Bu verileri sadece AVADA temalarının diğer birkaç popüler temayla nasıl karşılaştırıldığını görebilmeniz için dahil ediyoruz. Görüşümüze göre bu hala makul çünkü optimizasyonu başka bir temaya da ekleyebilirsiniz. Sadece eklenti yardımına ihtiyacınız var (WP roketi gibi).
İşte bu temel senaryo için AVADA sayfasının boyutu ve HTTP isteği:
Sayfa Boyutu 475 KB
HTTP için 17 istek
Karşılaştırma olarak, en hızlı WordPress temalarını toppress'ten bazıları:
GeneratePress - 26 KB ve 7 HTTP talepleri.
Astra - 44 KB ve 9 HTTP talepleri.
NEVE - 32 KB ve 8 HTTP istekleri.
Kadence - HTTP için 40 KB ve 10 Talep.
Genel olarak, Avada Core ve Avada Builder'ı kurmadan önce bile Avada'nın hala 450 kb daha ağır, tam olarak (HTTP'nin isteğinin neredeyse iki katı) daha ağır olduğunu görebilirsiniz.
Tabii ki, bu temalar en iyinin en iyisidir, bu yüzden Avada'yı şiddetli rekabetle karşılaştırırız. "Ortalama" WordPress temasına karşı, fark çok gösterişli olmayacak.
Sonuç Avada'nın genel performansı olan Avada, kutunun dışındaki en hafif tema değildir. Ancak Avada'nın varsayılan performansının optimizasyonu ile Avada hala kendi başına harika bir masaüstü yükleme süresine ulaşabilir. Bununla birlikte, hücresel yükleme süresi biraz zordur ve en büyük içerik boyası için sürekli olarak Google'ın 2.5 saniyelik hedefinin altında olamaz. Bununla birlikte, karışıma WP roketi eklediğinizde, AVADA'nın yükleme süresini ~% 50 veya daha fazla azaltabilir ve her sayfadan kullanılmayan CSS'yi kaldırarak sayfanın boyutunu küçültebilirsiniz. WP roketini etkinleştirdikten sonra Avada, masaüstü bilgisayarlar ve hücresel için önerilen LCP Time Google'ın altındadır.
Harika görünen birçok gösteriye erişirsiniz, bu da tam bir siteyle başlamayı kolaylaştırır. Tek yapmanız gereken, sitenize ve markalaşmaya uygun bir şeyleri girmek ve değiştirmek.
AVADA Builder, drag-drop kullanarak tasarımı ayarlamayı kolaylaştırır veya başlangıçtan itibaren kendi tasarımınızı oluşturur.
Avada, küresel olarak en popüler WordPress temalarından biridir, bu nedenle destek bulmak kolaydır ve geliştiricinin temayı sürdürmeye ve geliştirmeye devam edeceğinden emin olabilirsiniz.
Tezgah
AVADA, özellikle performans perspektifinden kutudan çıkma konfigürasyonlarında GeneratePress veya Astra gibi performansa daha fazla odaklanan temalardan daha ağırdır. WP Rocket bu sorunların bazılarını iyileştirmeye yardımcı olabilir, ancak yine de daha hafif temalarla yükleme sayfalarına ulaşmayacaksınız. Sadece portföy web sitesinin basit bir blogu veya web sitesi istiyorsanız, Avada ve birçok seçenek aşırı olabilir. Hem "genişletme" özellikleri açısından hem de birçok özelliğe sahip olmak, işleri daha basit bir temadan biraz daha karmaşık hale getirir.
Avada'nın sayılarının son zihni tek başına konuştu: birçok insan bu temayı seviyor. Multi -Lomiform yaklaşım, neredeyse tüm WordPress web sitelerini oluşturmak için kullanabileceğiniz anlamına gelir. Ve bunu kod olmadan yapmanıza yardımcı olmak için, geliştirmeye devam eden ve görsel yapımcıları sürükle ve bırakmaya devam eden öncü demo sitelerinin bir listesi ile birlikte gelir. Avada'nın varsayılan performans optimizasyon özelliklerinden yararlanırsanız, hücresel ziyaretçiler için oldukça yavaş olsa da, olağanüstü yükleme süresi sunar. WP roketiyle, zayıf noktayı düzeltebilir ve masaüstü ve hücresel ziyaretçiler için AVADA'yı hızlandırabilirsiniz, iki saniyenin altındaki tüm kartlarda (hatta hücresel) içerik içeriği içeriği içeriğine sahiptir. WP Rocket, varsayılan tembel yükleme gibi varsayılan AVADA optimizasyon özelliklerinden bazılarıyla otomatik olarak entegre olur. Bu, Avada ve WP roketiyle başlamayı ve çalıştırmayı kolaylaştırır. Avada'yı WP Roket ile bir kombinasyon halinde kullanma fırsatınız var mı? Yoksa ek sorularınız mı var? Yorum bırakmaktan çekinmeyin.
