2022'de En Hızlı 10 WooCommerce Teması (Derinlemesine Testlerimize Göre)

Ayda 30.000 ABD Doları üreten bir mağaza, yalnızca bir saniyelik gecikme nedeniyle yılda 25.000 ABD Doları gelir kaybedebilir. Bundan daha yavaş bir mağaza için kayıp daha da büyük olacaktır.

Hızlı bir WooCommerce mağazasının en önemli bileşenlerinden biri temasıdır. Yanlış temayı seçmek, dönüşümleri azaltarak, kullanıcı deneyimini olumsuz yönde etkileyerek ve arama motoru sıralamalarına zarar vererek mağazanızı yavaşlatabilir ve işletmenize zarar verebilir.

Temanızın web sitenizin olabildiğince hızlı yüklenmesini engellemediğinden emin olmanıza yardımcı olmak için, 2022'de mevcut olan en hızlı 10 WooCommerce temasının performansını karşılaştırdık.

Bazıları açıkça WooCommerce mağazaları için tasarlanmıştır, diğerleri ise iyi e-Ticaret şablonlarına ve özelliklerine sahip genel amaçlı seçeneklerdir. Bu temaların çoğu, mevcut en hızlı olduğunu iddia ederken, diğerleri çok popüler seçenekler oldukları için dahil edilmiştir.

Sonuçların özeti

Testlerin tam sonuçlarını görüntüleyebilir ve testlerin tam olarak nasıl yapıldığını bu makalenin ilerleyen kısımlarında öğrenebilirsiniz; ancak, burada hangi temaların en hızlı olduğunu açıklayan kısa bir özet var.

Testler için Google PageSpeed ​​Insights (PSI) ve Pingdom kullandık. Testleri çalıştırmadan önce ve her tema etkinleştirildikten sonra, her temanın dahili önbelleğini hazırlamak için web sitesi yenilendi. Hem PSI hem de Pingdom, bir sitenin performansı hakkında daha ayrıntılı bilgilerin yanı sıra 100 üzerinden puanlanan genel bir performans notu verir.

PSI, temaların masaüstü ve mobil cihazlarda nasıl performans gösterdiğini de ölçer. Pingdom ile değerlendirilen yalnızca masaüstü deneyimiydi. Her sitedeki tek ürün sayfası ve mağaza ana sayfası test edildi.

İki sayfanın (tek ürün ve mağaza ana sayfası) ortalama PSI performans derecesine göre, PSI'ye göre en iyi performans gösteren temalar şunlardı:

• En iyi mobil PSI performans derecesi: Shoptimizer (ortalama not 93.5).
• En iyi masaüstü PSI performans derecesi: Botiga (ortalama not 92,5).
• En iyi genel PSI masaüstü ve mobil performans notu: Shoptimizer (ortalama not 86.25).

Bu makalede göreceğiniz gibi, test sonuçlarında yalnızca performans notlarından daha fazlası vardır; ancak, bir temanın ne kadar hızlı olduğuna dair iyi bir genel bakış sağlarlar.

İlk Giriş Gecikmesi ve Toplam Engelleme Süresi

Sonuçlara bakmak için yararlı bir ölçüm, Toplam Engelleme Süresidir (TBT). TBT, bir sayfanın etkileşimli hale gelmesinin ne kadar sürdüğünün iyi bir göstergesidir; örneğin, bir kullanıcı bir düğmeyi veya başka bir etkileşimli sayfa öğesini tıkladığında eylemler gerçekleştirilebilir. Bu, İlk Giriş Gecikmesi'nde (FID) ve kullanıcıların bir sayfanın ne kadar hızlı olduğunu algılamasında rol oynar.

FID, bir kullanıcının bir sayfayla ilk etkileşime girdiği andan tarayıcının bu etkileşime verilen yanıtı gerçekten işlemeye başlayabildiği zamana kadar geçen süreyi ölçer. FID laboratuvar testlerinde ölçülemese de, PSI ile ölçülen bir sayfanın bloke olma süresi FID ile iyi bir korelasyon gösterir.

Google'a göre, bir görevin engelleme süresi 50 ms'den uzunsa, "kullanıcının gecikmeyi fark etmesi ve sayfayı ağır veya düzensiz olarak algılaması muhtemeldir." Bir sayfanın TBT'si, ilk içerik sıkıntısı (FCP) ile etkileşime geçme süresi (TTI) arasında oluşan her uzun görev için engelleme süresinin toplamıdır.

TBT'yi iyileştirmek için yapabileceğiniz her şey FID'yi de iyileştirmelidir, bu da kullanıcıların bir sayfa deneyiminin ne kadar hızlı olduğunu artırır.

Test edilen temaların neredeyse tamamı masaüstü için iyi TBT puanlarına sahipti, ancak mobil TBT testlerinde yalnızca GeneratePress, OceanWP ve Storefront gerçekten başarılı oldu.

Yalnızca TBT'ye değil, tüm sonuçlara bakıldığında Shoptimizer genel olarak en iyisiydi, ancak ortalama PSI mobil performans notu (79) diğer bazı temalardan biraz daha düşüktü. Bu nedenle, hem tek sayfanın hem de mağaza ana sayfasının puanlarının ortalamasını alırken hem mobil hem de masaüstünde (sırasıyla 82,5 ve 88,5) iyi puan aldığı için GeneratePress temasıyla daha fazla ilgilenebilirsiniz.

Statista'ya göre, dünya çapında mobil perakende e-ticaret satışları artmaya devam ederken, 2020'de 2,9 milyar dolardan 2021'de 3,5 milyar dolara sıçrarken, hem masaüstü hem de mobil kullanıcılar için hızlı bir tema seçmeniz hayati önem taşıyor. Buna dayanarak GeneratePress, PSI testlerine göre kutudan çıkan en iyi seçenektir.

Sayfa boyutunu, yükleme süresini ve istek sayısını ölçen ve aynı zamanda performans notu veren Pingdom, Botiga ve GeneratePress'in ortalama performans notlarının biraz daha yüksek olmasına rağmen, Astra'nın en hızlı tek ürün ve mağaza sayfalarına sahip olduğunu buldu.

2022'de En Hızlı WooCommerce Teması Hangisi?

Temalar, Pingdom ve PSI'dan bir dizi kritere göre test edildiğinden, 2022'de en hızlı WooCommerce temasının hangisi olduğu konusunda net bir kazanan seçmek kolay değil.

Ancak, tüm testlerde en iyi performansı gösteren temalar Boitga, GeneratePress ve Shoptimizer olmuştur.

Mağazanız için en hızlı temayı bulmanıza yardımcı olmak için aşağıdaki test sonuçlarının tüm ayrıntılarını görüntüleyebilirsiniz.

En Hızlı WooCommerce Temaları

İşte alfabetik sırayla listelenen WooCommerce için en hızlı temaların ayrıntıları.

astra

Astra, ücretsiz ve ücretli sürümlerde mevcuttur ve tamamen özelleştirilebilir bir WordPress temasıdır.

Mağazanızı kurarken aralarından seçim yapabileceğiniz çok sayıda iyi tasarlanmış şablon vardır. Astra şablonlarını Beaver Builder, Brizy, Elementor ve WordPress Block Editor ile düzenleyebilmek size bolca yaratıcı özgürlük sağlar.

Astra'nın hem ücretsiz hem de ücretli sürümleri, ücretli sürümde çok daha fazlasını elde etmenize rağmen, mağazanızı geliştirmek için WooCommerce dostu özelliklere sahiptir.

Ana Özellikler

• Üstbilgi ve altbilgi de dahil olmak üzere tüm tema düzenlenebilir.
• Tamamen düzenlenebilir çok sayıda e-ticaret şablonu.
• Gelişmiş UX için yalnızca mobil ayrı başlıklar oluşturma yeteneği.

Astra Test Sonuçları

Astra, en yüksek Pingdom performans derecelerinden bazılarına sahiptir. PSI, Astra'ya masaüstü kullanıcıları için çok olumlu bir puan verdi, ancak mobil performans için ortalamanın altında. Genel olarak, hızlı bir WooCommerce teması ama bu koleksiyonda daha hızlı seçenekler var.

botiga

Botiga, ücretsiz ve ücretli sürümleri bulunan başka bir WooCommerce'dir.

WooCommerce özellikleri arasında birden fazla ürün listeleme stili, çeşitli ürün galerisi tasarımları ve iki farklı alışveriş sepeti düzeni bulacaksınız. Envanterinizi tanıtmak için ürün filtreleri ve önerileri de kullanabilirsiniz. Premium özellikler arasında istek listeleri, yapışkan bir sepete ekle düğmesi ve ek üstbilgi ve altbilgi düzenleri bulunur.

Ana Özellikler

• İki e-ticaret mağazası demosu.
• Son derece özelleştirilebilir temiz ve minimal tasarım.
• Mobil cihazlar için optimize edilmiş başlıklar kümesi.

Botiga Test Sonuçları

Botiga, bu makale için test edilen en hızlı temalardan biriydi. Masaüstü PSI puanları çok iyiydi, ancak daha yüksek mobil PSI puanlarına sahip birkaç tema daha vardı.

Böl

Divi, Elegant Themes'in amiral gemisi WordPress temasıdır. Birçok e-Ticaret seçeneği de dahil olmak üzere çok sayıda çekici web sitesi paketi ve bireysel şablonla birlikte gelir.

Divi ayrıca temaya entegre edilmiş kendi güçlü sayfa oluşturma aracıyla birlikte gelir. Divi Builder, web sitenizin tasarımı üzerinde tam kontrol sağlar ve bu türdeki en iyi WordPress eklentilerine güçlü bir rakiptir.

Divi'nin kullanımı kolay bir A/B testi özelliği olduğundan, mağazanızı daha yüksek dönüşüm oranları için optimize etmek üzere denemeler çalıştırabilirsiniz.

Ana Özellikler

• Tamamen düzenlenebilir çevrimiçi mağaza demolarından oluşan geniş kitaplık.
• Tam site düzenleme ile entegre sayfa oluşturucu.
• Özelleştirilebilir içerik modülleri.

Divi Test Sonuçları

Divi, en büyük sayfa boyutlarından bazılarına sahiptir, yalnızca OceanWP'den sonra ikinci sıradadır ve bunun bazı puanları üzerinde olumsuz bir etkisi olduğu görülüyor. PSI, masaüstü performansını iyi bulurken, mobil performansı en kötüler arasındaydı.

GenerateBasın

Ücretsiz ve ücretli sürümleri bulunan GeneratePress, mevcut en hızlı WordPress teması olduğunu iddia ediyor. Premium sürüm için ödeme yapmak, daha fazla şablona ve premium destek kanallarına erişmenizi sağlar.

Mağazanızı başlatmanıza yardımcı olmak için GeneratePress, bir dizi e-Ticaret şablonuyla birlikte gelir. Bu temanın kendi düzenleyicisi olduğundan, web sitenizin tüm yönlerini görsel bir arayüz üzerinden özelleştirebilirsiniz.

Ana Özellikler

• Çoklu e-Ticaret mağazası web sitesi demoları.
• Blok tabanlı tema oluşturma aracı.
• Yalnızca mobil başlık seçenekleri.

GeneratePress Test Sonuçları

GeneratePress, PSI mobil ve masaüstü performans derecelerindeki yüksek puanları sayesinde, genel olarak test edilen en iyi performans gösteren WooCommerce temasıydı. Pingdom testlerinde de başarılı oldu.

kadans

Kadence, premium eklentiler yükleyerek geliştirilebilecek başka bir ücretsiz temadır.

Kadence ayrıca bir dizi e-ticaret tasarımı da dahil olmak üzere ücretsiz ve ücretli web sitesi demolarından oluşan geniş bir kitaplık ile birlikte gelir. WooCommerce kullanıcıları, mağazalarına ürün resmi yakınlaştırma, alışveriş sepeti bildirimleri, gelişmiş incelemeler ve daha fazlası dahil olmak üzere daha fazla e-ticaret özelliği eklemek için Kadence mağaza kitini satın alabilir.

Ana Özellikler

• Tamamen düzenlenebilir üstbilgi ve altbilgi şablonlarının seçimi.
• Genel ayarlar, mağazanızı özelleştirmeyi ve baştan sona tutarlı bir görünüm sağlamayı kolaylaştırır.
• Hem Beaver Builder hem de Elementor ile uyumludur.

Kadans Testi Sonuçları

Kadence, mağaza ana sayfası için çok iyi bir performans derecesi ile Pingdom testlerinde başarılı oldu. Ancak, PSI'daki mobil performans puanları, bazı rakipler kadar iyi değildi.

neve

Neve, birçok ekstra WooCommerce özelliği içeren premium Business paketi de dahil olmak üzere birkaç farklı varyasyonda gelir.

Ayrıca sınırlı bir ücretsiz sürüm var, bu yüzden satın almadan önce deneyebilirsiniz. Bununla birlikte, İşletme veya Ajans lisansı için fazladan ödeme yapmak, daha fazla mağaza düzenine, bir istek listesi özelliğine, birden fazla ödeme stiline ve daha fazlasına erişmenizi sağlar.

Neve ayrıca, WooCommerce mağazanızı daha küçük ekranlı cihazlarda gezinmeyi çok kolaylaştıracak, mobil öncelikli bir tasarıma sahiptir. Önde gelen WordPress sayfa oluşturucu eklentileriyle uyumluluk, web sitenizi istediğiniz araçla düzenleyebileceğiniz veya yalnızca varsayılan WordPress blok düzenleyicisini kullanabileceğiniz anlamına gelir.

Ana Özellikler

• WooCommerce mağazaları için birçok özellik.
• Önde gelen üçüncü taraf sayfa oluşturucularla çalışır.
• Birçok e-ticaret seçeneği dahil olmak üzere 100'den fazla düzenlenebilir başlangıç ​​sitesi.

Neve Testi Sonuçları

Neve, test edilen daha hızlı temalardan biriydi. Ancak, bu karşılaştırmadaki en hızlı temalarla karşılaştırıldığında, bazı PSI mobil testlerinde biraz geride kaldı.

OkyanusWP

OceanWP, ücretli sürümde çok sayıda e-ticaret mağazası demosu bulunan çok amaçlı bir temadır. Ücretsiz sürüm birkaç e-Ticaret demosu ile birlikte gelir, ancak ücretli sürüme yükseltme, daha fazla demo ve ek özelliğin kilidini açar.

Seçtiğiniz demoya bağlı olarak, Elementor sayfa oluşturucu eklentisini kullanarak üstbilgi ve altbilgi dahil tüm sitenizi düzenleyebilirsiniz. OceanWP'nin ücretli sürümü, size daha fazla yaratıcı özgürlük sağlayan özel olarak oluşturulmuş Elementor modüllerinden oluşan bir seçki içerir.

Ana Özellikler

• Çok sayıda e-ticaret tasarımı da dahil olmak üzere çok sayıda hazır web sitesi demosu.
• Elementor için özel olarak oluşturulmuş modüller.
• Gelişmiş mobil UX için üç mobil menü stili.

OceanWP Test Sonuçları

OceanWP, Pingdom'a göre en büyük sayfa boyutlarına ve en çok isteğe sahipti ve bu nedenle en yavaş yükleme sürelerinden bazılarına sahipti. PSI mobil puanları da en kötüsüydü. Yine de PSI'daki masaüstü performansı iyiydi.

Shoptimizer

Shoptimizer, hız ve dönüşümler göz önünde bulundurularak oluşturulmuş WooCommerce odaklı bir temadır.

Mağazanızı hızlandırmaya yardımcı olmak için Shoptimizer, kutudan çıktığı haliyle küçültülmüş ve kritik CSS'yi etkinleştirmiştir. Mağazanızda daha fazla satış yaratabilecek dönüşüm odaklı özellikler arasında dikkati dağılmayan bir ödeme deneyimi, ürün sayfasında kargo ve iade bilgilerini görüntüleme yeteneği ve müşterilerinizi rahatlatmak için güven rozetleri yer alır.

Ana Özellikler

• Satış oluşturmak için stok sayacı ve geri sayım zamanlayıcıları.
• Sosyal kanıtı artırmak için kaydırmalı satış bildirimleri.
• Gelişmiş akıllı telefon kullanıcı deneyimi için mobil öncelikli tasarım.

Shoptimizer Test Sonuçları

Shoptimizer, en iyi ortalama PSI masaüstü performans derecesine ve yüksek mobil performans derecesine sahipti. Pingdom sonuçları da etkileyiciydi.

vitrin

Storefront, resmi WooCommerce temasıdır ve kullanımı ücretsizdir.

Storefront'un ücretsiz sürümü, başlamak ve tasarımında birkaç değişiklik yapmak için hemen hemen yeterli. Ancak, gerçekten kişiselleştirilmiş bir mağaza oluşturmak istiyorsanız, Vitrin Uzantıları Paketini veya bazı bağımsız uzantıları satın almanız gerekir.

Ana Özellikler

• Düzenli bir UX için minimal tasarım.
• Mağazanızın görünümünü hızla dönüştürmek için alt temalar kitaplığı.
• WooCommerce'den sorumlu ekip tarafından oluşturulmuş ve bakımı yapılmıştır.

Vitrin Test Sonuçları

Storefront, PSI'da çok iyi bir ortalama masaüstü performans puanına sahip, ancak nispeten düşük bir mobil puanla hayal kırıklığına uğradı. Pingdom sonuçları iyiydi, ancak en iyisi değildi.

yozlaştırmak

Woostify, ücretli eklentilerle geliştirilebilen başka bir ücretsiz WooCommerce temasıdır.

Woostify'ın temel sürümü, yükleme sürelerini iyileştirmek amacıyla mümkün olduğunca hafif olacak şekilde tasarlanmıştır. Uzantılar aracılığıyla ekstra özellikler eklenebildiğinden, yalnızca ihtiyacınız olan eklentileri yükleyerek sitenizi gereksiz yere ağırlaştırmanın önüne geçebilirsiniz. Tüm eklentiler ve başlangıç ​​siteleri, eklenti bazında değil, tek fiyatla sunulur.

Ana Özellikler

• Elementor ile düzenlenebilen ücretsiz ve ücretli başlangıç ​​siteleri.
• WooCommerce özellikleri ve daha fazla özelleştirme seçeneği içeren ücretli eklentiler.
• Birden çok ürün sayfası, listeleme düzeni ve başlık şablonları.

Woostify Test Sonuçları

Woostify, özellikle mobil performans söz konusu olduğunda, bu karşılaştırmada en kötü puanlardan bazılarına sahipti.

Testler Hakkında

Testler için SiteGround tarafından barındırılan bir WordPress web sitesinde yeni bir kurulum oluşturuldu. Siteye WooCommerce kuruldu ve eklenti için örnek mağaza verileri içe aktarıldı.

Tek ürün sayfasının ve mağaza ana sayfasının performansı daha sonra Pingdom ve Google PageSpeed ​​Insights'ta test edildi. Pingdom'da sitenin barındırıldığı yere en yakın konum olan aynı test konumu seçildi.

Her test için farklı bir tema etkinleştirildi ve varsayılan durumunda kullanıldı. Tema demolarının hiçbiri içe aktarılmadı ve ek eklentiler de yüklenmedi. Hiçbir performans aracı kullanılmadığından, önbelleğe almayı etkinleştirerek, bir CDN kullanarak, görüntüleri optimize ederek ve küçültmeyi dağıtarak daha da iyi sonuçlar elde edebilirsiniz. Tüm bunları yapmanıza yardımcı olabilecek bir araç NitroPack'tir.

Temel Web Verileri

Önemli Web Verileri (CWV), Google'ın bir sayfaya genel bir performans puanı vermek için kullandığı bir dizi testtir. Sayfalar iyi puanlanabilir, iyileştirmeye ihtiyaç duyar ve zayıftır. Bir sayfanın CWV testini geçmesi ve iyi bir puan alması için performans puanının 90 ila 100 aralığında olması gerekir.

CWV puanı, En Büyük İçerikli Boyama (LCP), İlk Giriş Gecikmesi (FID) ve Kümülatif Düzen Kaydırma (CLS) testlerinin sonuçlarına dayanır. CWV testini geçmek için bir sayfanın üç bileşenden de iyi puan alması gerekir.

Genel olarak konuşursak, bu testler yalnızca bir sayfanın hızına değil, aynı zamanda ne kadar duyarlı ve görsel olarak kararlı olduğuna da bakar.

Kaynak: https://web.dev/vitals-business-impact/

Bu yazıda, test edilen temalar için LCP ve CLS puanlarını bulabilirsiniz. Belirtildiği gibi, FID, PSI laboratuvar testi yoluyla mevcut değildir, ancak TBT, FID ile yakından ilişkilidir.

İyi bir CWV puanı, olumlu bir kullanıcı deneyimi sunmaya yardımcı olabilir ve ayrıca gelişmiş arama motoru sıralamalarına katkıda bulunabilir.

Yukarıdaki sonuçlardan da görebileceğiniz gibi, masaüstü testlerinde temalardan üçü tek ürün sayfası için 90 ve üzeri performans notu alırken, mağaza ana sayfa testinde temalardan sekiz tanesi 90'ın üzerinde puan aldı. Temaların hiçbiri, mobil testler için 90 veya daha yüksek bir geçme performans notu elde etmedi. Ancak GeneratePress, Kadence ve Shoptimizer 90 puana en yakın olanlardı.

Özet

Gördüğünüz gibi, tema seçiminiz, özellikle mobil deneyim söz konusu olduğunda, mağazanızın hızını etkiler.

Bu temaların çoğu, iyi performans notları ve diğer puanlarla birlikte iyi performans gösterdi. Ancak, Botiga, GeneratePress, Neve ve Shoptimizer'ın özellikle iyi performans göstermesiyle rekabette öne çıkan birkaç isim vardı.

Divi, OceanWP ve Woostify, özellikle PSI mobil sonuçları söz konusu olduğunda, en çok mücadele eden göründü.

Daha önce bahsettiğimiz gibi, mobil çevrimiçi alışverişin popülaritesi artmaya devam ediyor, bu nedenle bu kitle için hızlı yüklenen bir tema seçmek önemlidir.

Hangi temayı seçerseniz seçin, yalnızca WordPress'in, ana makinenizin ve temanızın varsayılan ayarlarını kullanmak yerine sitenizi optimize ettiğinizden emin olun. Yukarıdaki temaların tümü ile uyumlu olan NitroPack gibi araçlar, sitenizin performansını mobil cihazlarda ne kadar hızlı yüklendiği de dahil olmak üzere çeşitli şekillerde hızla artırabilir.