İyi Önemli Web Yaşamları İçin En İyi 7 WordPress Teması (2023 Sıralaması)

WordPress deposunda 10.500'den fazla ücretsiz tema bulunmaktadır.

Ve sayı gün geçtikçe artmaya devam ediyor.

Peki en iyilerini nasıl belirleyebilirsin? Beğendiğiniz her temayı test etmeniz ve tüm performans ölçümlerini, puanları ve milisaniyeleri karşılaştırmanız mı gerekiyor?

Dürüst olalım - tüm gününüzü yaparak geçirmek isteyeceğiniz bir görev gibi gelmiyor.

Özellikle de sizin için yaptığımızda!

Etkinleştirme, devre dışı bırakma, test etme, sonuçları yazma ve karşılaştırma ile zaman kaybetmek yerine, kapsamlı araştırma ve testlerimizden sonra öne çıkan 7 WordPress temasını öğrenmek için okumaya devam edin.

İyi Temel Web Verileri İçin En İyi WordPress Teması Adaylarını Nasıl Test Ettik?

Not: Bir temanın gerçek dünyadaki performansını trafik oluşturmadan tahmin etmenin en iyi yolu, laboratuvar tabanlı Önemli Web Verilerine güvenmekti. Deneyimlerimiz, laboratuvarda LCP, CLS ve TBT'den geçen temaların sahada aynı iyi sonuçları üretme şansının daha yüksek olduğunu gösteriyor.

Araştırmamıza, WordPress geliştiricilerimizin geçmişte üzerinde çalıştıkları geniş bir tema havuzunu ve WP deposundaki popülerliklerine dayalı temaları toplayarak başladık.

Ardından, uzun hız test sürecini başlattık:

• Boş bir WordPress kurulumunda temayı kurun ve etkinleştirin.
• Temayı olduğu gibi bırakın - eklenen içerik, menüler, sayfalar, gönderiler veya eklentiler yok.
• Web sitesini Google'ın PageSpeed ​​Insights aracılığıyla temalı olarak çalıştırın.
• Temayı GTmetrix aracılığıyla çalıştırın.
• Temayı Pingdom Hız Testi ile çalıştırın.
• Tüm sonuçları toplayın ve karşılaştırın.

Her birinin farklı standartları ve ölçümleri olduğu için üç test aracı kullanmaya karar verdik. Bir aracın diğerinden daha iyi veya daha kötü sonuçlar vermediğinden emin olmak istedik.

Her araçta, belirli metrikleri izlemeye karar verdik:

Sayfa Hızı Bilgileri

Google'ın PageSpeed ​​Insights (PSI), hız ve Önemli Web Verileri için bir temayı test etmek için başvurulacak araçtır. Gerçek dünyada trafiğimiz olmadığını göz önünde bulundurarak hem mobil hem de masaüstünde Performans Puanına ve metriklerine odaklandık.

İşte odaklandığımız metrikler:

• Performans Puanı . 100 üzerinden ve şu metriklere dayalı: LCP, CLS, Hız Dizini, TBT ve FCP. Her metriğin farklı bir ağırlığı vardır.
• İlk İçerikli Boya. FCP, tarayıcının DOM içeriğinin ilk parçasını görselleştirmesi için geçen süredir.
• En Büyük İçerikli Boya. LCP, ekranın üst kısmındaki en büyük öğenin bir sayfada yüklenmesinin ne kadar sürdüğünü ölçer.
• Hız Endeksi . Bir sayfanın içeriğinin gözle görülür şekilde ne kadar hızlı doldurulduğunu gösterir. Alçak daha iyi.
• Toplam Engelleme Süresi. Bir sayfanın tamamen etkileşimli hale gelmeden önce ne kadar yanıt vermediğini gösterir.
• Kümülatif Düzen Kayması. CLS, beklenmeyen düzen kaymalarının bir sayfadaki kullanıcı deneyimini ne kadar etkilediğini ölçer.

GTmetrix

GTmetrix, bir web sitesinin hızını ve optimizasyonunu analiz ederek performans sorunlarını belirlemek ve bir temanın aşırı sayıda gereksiz dosya içerip içermediğini belirlemek için onu değerli bir araç haline getirir.

Bölgelere ayırdığımız metrikler şunlardı:

• GTmetrix Derecesi. Hem Performans hem de Yapı puanlarının ağırlıklı bir notudur.
• Performans Puanı. Özel denetimleri, Analiz Seçenekleri, tarayıcısı ve donanım özellikleriyle birlikte GTmetrix tarafından elde edilen Lighthouse Performans Puanıdır.
• Yapı Puanı . Lighthouse ve Custom GTmetrix denetimlerinin tescilli bir değerlendirmesidir. Optimum performans için bir temanın/sayfanın ne kadar iyi oluşturulduğunu gösterir.
• Web Verileri. Bir temanın/sayfanın mükemmel bir genel deneyim sunup sunmadığını ölçen laboratuvar tabanlı Önemli Web Verileri ölçümleri.
• Yükleme zamanı. Bir web sayfasının tam olarak yüklenmesi ne kadar sürer.

pingdom

Pingdom, GTmetrix ile benzerlikler paylaşsa da, farklı ölçümler sağladıkları için her iki aracı aynı anda kullanmayı tercih ediyoruz. Ayrıca Pingdom, bir web sayfasını farklı konumlardan test etmenin kolay bir yolunu sunar.

Tüm temalar Kuzey Amerika - ABD - Washington DC'den test edilmiştir.

İzlediğimiz metrikler:

• Performans Notu 100 üzerinden kümülatif bir nottur.
• Yükleme zamanı. Pingdom'ın bir tema yüklü olarak tüm web sitesini yüklemesi için geçen süre.
• Sayfa boyutu. Sayfanın tüm site dosyalarının boyutu. Temanın bunda çok büyük etkisi var.
• istekler Tema ve site içeriğini kullanıcıya teslim etmek için sunucu isteklerinin sayısı.

En İyi Performans Gösteren WordPress Temalarının Kısa Özeti

Her bir temayı, özelliklerini, fiyatlarını ve performans puanlarını derinlemesine incelemeden önce, testlerimizin bir özetini burada bulabilirsiniz.

Not: Aşağıdaki sıralama, Pingdom sonuçlarına ve daha spesifik olarak sayfa boyutuna ve yükleme süresine dayanmaktadır. Makalenin ilerleyen kısımlarında her temayı ve CWV sonuçlarını inceliyoruz.

1. Yirmi Yirmi Üç –Sayfa Boyutu:26.3KB;Yükleme Süresi:520ms
2. Hello Elementor –Sayfa Boyutu: 32.7KB;Yükleme Süresi:520ms
3. GeneratePress –Sayfa Boyutu: 37.7KB;Yükleme Süresi:538ms
4. Neve –Sayfa Boyutu: 42.4KB;Yükleme Süresi:552ms
5. Sidney –Sayfa Boyutu: 48.1KB;Yükleme Süresi:560ms
6. Astra –Sayfa Boyutu: 48.5KB;Yükleme Süresi:619ms
7. Kadence –Sayfa Boyutu: 54.8KB;Yükleme Süresi:628ms

2023'te Önemli Web Verilerini Aktarmak için En İyi WordPress Temaları

Özellikler, fiyatlandırma, performans sonuçları - her yarışmacıya ayrıntılı bir genel bakışla başlayalım.

1. Yirmi Yirmi Üç - Gutenberg ile en yakın arkadaşlar

Varsayılan Yirmi Yirmi Üç teması, WordPress 6.1'de tanıtılan en son tasarım araçlarını kullanmak için geliştirilmiştir.

Tema, basit ve derli toplu bir temel kullanır ve WordPress topluluğu tarafından katkıda bulunan on farklı stil varyasyonu sunar.

Twenty Twenty-Three, önceden tasarlanmış stilleri kullanarak veya daha uygulamalı bir yaklaşım benimseyerek ve onu beğeninize göre özelleştirerek herhangi bir karmaşıklık düzeyinde kolayca bir web sitesi oluşturmanıza olanak tanır.

En son varsayılan WordPress temasıyla ilgili çarpıcı olan şey, basitliği ve hafifliğidir. Twenty Twenty-Three esnektir ve Gutenberg'in şablon düzenleme, stil varyasyonları, tipografi ve blok desenler gibi site düzenleme özelliklerine mükemmel şekilde uygundur.

Fiyat: Ücretsiz

Aktif kurulumlar: 800.000+

En iyi özellikler: Minimalist tasarım, hafif, önceden tasarlanmış stiller

Şunlar için uygun: Ortamı test etme ve çeşitli web siteleri oluşturma

Testlerimizin gösterdiği şey

Twenty Twenty-Three, her üç testte de dikkate değer sonuçlar elde etti. Daha da önemlisi, mükemmel bir gerçek dünya performansı için bir ön koşul olan laboratuvar tabanlı Önemli Web Verileri yeşil renkteydi.

PSI'da mobil ve masaüstünde mükemmel puan alarak her iki testte de 100/100'e ulaştı. Ayrıca GTmetrix'te 1,4 saniyelik yükleme süresiyle A sınıfı (%98 performans puanı, %100 yapı puanı) elde etti.

Pingdom testlerimiz, Twenty Twenty-Three'nin "hafif" etiketini doğruladı. Yalnızca 26,3 KB Sayfa Boyutuyla bu tema, test ettiğimiz tüm temalar arasında açık ara kazanan oldu.

2. Hello Elementor - E-ticaret adresi

Elementor, tüm web sitelerinin %8,0'i tarafından kullanılıyor ve bu, bir web sayfası oluşturmanın ne kadar kolay olduğu düşünüldüğünde şaşırtıcı değil. En popüler sayfa oluşturuculardan birini oluşturmaktan sorumlu aynı geliştiriciler, Hello Elementor adlı hızlı ve hafif bir tema ürettiler.

Temanın hızlı ve esnek olduğu ilan edilir. Tahmin edebileceğiniz gibi, Elementor ve WooCommerce, Gelişmiş Özel Alanlar, Yoast ve diğerleri gibi çok sayıda başka eklentiyle sorunsuz bir şekilde bütünleşir.

Ayrıca, sıfırdan mükemmel şekilde işlevsel bir web sitesi oluşturmanıza olanak tanıyan 100'den fazla hazır tasarım sunar.

Fiyat: Ücretsiz

Aktif kurulumlar: 1+ milyon

En iyi özellikler: Hafif, 100'den fazla hazır tasarım, özelleştirilebilir

Şunlariçin uygundur: Sıfırdan bir web sitesi oluşturmak

Testlerimizin gösterdiği şey

Twenty Twenty-Three gibi, Hello Elementor da hem masaüstünde hem de mobilde mükemmel CWV sonuçları aldı.

GTmetrix ve Pingdom'da mükemmel puan aldı. Aslında, Pingdom testlerimiz, WordPress varsayılan temasıyla aynı olan 520 ms yükleme süresiyle en hafif ikinci tema olarak derecelendirdi.

Hafif olarak pazarlanmasına rağmen, Hello Elementor'un kendi başına özelleştirilemeyeceğini bilmelisiniz. Web sitenizin performansını etkileyebilecek bir sayfa oluşturma çözümü olarak Elementor'u eklemeniz gerekecek.

3. GeneratePress - Blok tabanlı olan

GeneratePress, hıza, kullanılabilirliğe ve erişilebilirliğe öncelik vermek için tasarlanmış bir WordPress temasıdır.

Gutenberg kullanımı, içeriğinizi oluştururken size özgürlüğü garanti eder. Sayfa oluşturucu kullanıyorsanız, GeneratePress'in Beaver Builder ve Elementor da dahil olmak üzere tüm ana sayfalarla tamamen uyumlu olduğunu duymak hoşunuza gidecektir.

GeneratePress tamamen duyarlıdır ve 25'ten fazla dile çevrilmiştir. Ayrıca, 60'tan fazla renk kontrolü, güçlü dinamik tipografi, 5 gezinme konumu, 5 kenar çubuğu düzeni, açılır menü ve 9 pencere öğesi alanı içerir.

Fiyat: Ücretsiz; 59$/yıllık, 249$/ömür boyu

Aktif kurulumlar: 500.000+

En iyi özellikler: Hız odaklı, duyarlı, sayfa oluşturucularla uyumlu

Şunlar için uygundur: Her türlü web sitesi

Testlerimizin gösterdiği şey

Tema ararken dikkatimizi çeken bir şey de GeneratePress'in “%100 Sayfa Puanı” açıklaması oldu. Bu yüzden bunu test etmek için istekliydik.

GeneratePress'in konuştuğunu ve yürüdüğünü söyleyebiliriz. Her üç testte de neredeyse mükemmel performans puanları aldı:

Sayfa boyutu söz konusu olduğunda, sonuçlar bizi şaşırttı. Web sitemizi Pingdom aracılığıyla çalıştırırken, sayfa boyutu web sitelerinde vaat ettikleri “7.5KB”den biraz farklı olarak 37.7KB olarak geldi.

4. Neve - Çok yönlü

Neve, çeşitli amaçlar için özelleştirilebilen çok yönlü ve hızlı bir temadır. WooCommerce vitrinini, kişisel portföy sitelerini ve diğer çeşitli projeleri kullanan blog yazarları, küçük işletmeler, yeni başlayanlar, ajanslar, firmalar ve e-ticaret mağazaları için idealdir.

AMP ve yanıt verme için optimize edilmiştir, hızlı yükleme süreleri ve herhangi bir cihazda optimum görüntüleme sağlar. Minimalist bir tasarıma sahip olmasına rağmen, Neve kolayca genişletilebilir ve Google arama sıralamasında üst sıralarda yer alabilecek SEO açısından yüksek düzeyde optimize edilmiş bir kod içerir.

Neve ayrıca Gutenberg ve Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin ve Divi gibi popüler sayfa oluşturucularla da uyumludur.

Fiyat: Ücretsiz; 69 $/yıl; 149 $/yıl; $249/yıl

Aktif kurulumlar: 300.000+

En iyi özellikler: Duyarlı, SEO için optimize edilmiş, minimalist tasarım

Şunlar için uygun: Çok çeşitli amaçlar ve siteler

Testlerimizin gösterdiği şey

Önemli Web Verileri ve performans puanları ile ilgili olarak, Neve önceki seçenekler kadar iyidir.

Listemizde dördüncü sırada yer almasının nedeni sayfa boyutu ve yükleme süresidir, ancak bu, onu test etmenizi engellememelidir.

Neve'nin faydalarından biri, JQuery gibi bir çerçeve yerine vanilya JS kullanmasıdır. Bu, performansta bir iyileşmeye katkıda bulunur ve daha duyarlı bir web sitesiyle sonuçlanır.

5. Sidney - Serbest çalışanlar buna bayılıyor

Sydney, işletmelerin veya serbest çalışanların hızla olağanüstü bir çevrimiçi varlık oluşturmasına olanak tanıyan sağlam bir temadır.

Bu tema, Elementor ile tamamen uyumludur ve tüm Google Yazı Tiplerine erişim, tam renk kontrolü, düzen kontrolü, logo yükleme, tam ekran kaydırıcı, başlık resmi, yapışkan gezinme ve diğer birçok özellik dahil olmak üzere çeşitli özelleştirme seçenekleri sunar.

Ek olarak, Sydney hemen çekici bir sayfa oluşturmak için gerekli tüm yapı taşlarını sağlar.

Fiyat: Ücretsiz; 69$/yıllık, 99$/yıl; 199 $/ömür boyu

Aktif kurulumlar: 100.000+

En iyi özellikler: Google Yazı Tiplerine erişim, renk kontrolü

Şunlar için uygundur: Ticari web siteleri

Testlerimizin gösterdiği şey

Sidney'in yeni kurulumunu tamamladıktan sonra temanın performansını test ettik.

Sonuçlar:

Ziyaretçilerinizi ve arama motorlarınızı memnun edecek bir web sitesi oluşturmak için tüm bileşenlere sahiptir.

Hız ve Önemli Web Verileri açısından, Sidney diğer temalarla aynı sıradadır. Ancak, toplam sayfa boyutu Twenty Twenty-Three'den iki kat daha büyüktür (48,1 KB).

6. Astra - Herkes tarafından bilinen, herkes tarafından sevilen

Astra, en popüler WordPress temasıdır. Hızlı, tamamen özelleştirilebilir ve görsel olarak çekici olması, onu blog yazma, kişisel portföyler, iş web siteleri ve WooCommerce vitrinleri gibi çeşitli amaçlar için uygun bir seçim haline getirir.

Astra ayrıca, benzersiz hızına katkıda bulunan 50 KB'den daha küçük ön uç boyutuyla hafif olacak şekilde tasarlanmıştır. Tema, sitenizin arama motoru görünürlüğünü artırmak için Schema.org kodunu ve Native AMP desteğini entegre ederek SEO düşünülerek oluşturulmuştur.

Ayrıca Astra, Elementor, Beaver Builder, Visual Composer, SiteOrigin ve Divi gibi popüler sayfa oluşturucularla uyumlu benzersiz özellikler ve şablonlar sunarak tercih ettiğiniz sayfa oluşturucuyla sorunsuz entegrasyon sağlar.

Fiyat: Ücretsiz; 47$/yıllık, 137$/yıl; 187 $/yıl; ömür boyu seçenekler mevcut

Aktif kurulumlar: 1+ milyon

En iyi özellikler: Önceden oluşturulmuş web siteleri, birden çok özelleştirilebilir seçenek, hızlı

Şunlar için uygundur: Her web sitesi

Testlerimizin gösterdiği şey

Beklediğimizin aksine Astra düşündüğümüz kadar iyi performans göstermedi. Evet, PSI mobil puanları mükemmeldi, ancak masaüstünde vasatın altında sonuçlar gösterdi.

Ayrıca GTmetrix'te sadece %85 performans puanı alması şaşırtıcıydı. Bununla birlikte, diğer tüm ölçütler sıralamamızdaki liderlere benziyordu.

7. Kadence - Sade favori

Kadence, güzel, hızlı yüklenen ve kolayca erişilebilir web siteleri oluşturmanıza olanak tanıyan hem hafif hem de özelliklerle dolu bir WordPress temasıdır.

Dikkate değer özelliklerinden biri, birkaç dakika içinde her türlü üstbilgiyi oluşturmanıza olanak tanıyan sezgisel bir sürükle ve bırak üstbilgi ve altbilgi oluşturucusudur. Tema ayrıca, akıllı küresel yazı tipi ve renk kontrollerinin yardımıyla kolayca özelleştirilebilen, çarpıcı başlangıç ​​şablonlarından oluşan kapsamlı bir kitaplığa sahiptir.

Ayrıca Kadence Teması, en popüler üçüncü taraf eklentilerle son derece uyumludur ve etkileyici e-Ticaret web sitelerini, kurs web sitelerini, iş web sitelerini ve diğer site türlerini hızla geliştirmenize olanak tanır.

Fiyat: Ücretsiz; 129$/ilk yıl, 199$/ilk yıl

Aktif kurulumlar: 200.000+

En iyi özellikler: Sezgisel sürükle ve bırak, başlangıç ​​şablonları, performans odaklı

Şunlar için uygundur: Her türlü web sitesi

Testlerimizin gösterdiği şey

Kadence'nin varsayılan sayfa boyutu 54.8KB'dir. Grubun en büyüğü olmasına rağmen, her iki PSI testinde de başarılı olmayı ve GTmetrix'te A almayı başardı.

Bu temanın ne kadar dolu olduğu düşünüldüğünde, bazı optimizasyonlar ve iyi bir site hızı optimizasyonu eklentisi ile bu büyük ölçüde iyileştirilebilir.

Hangi Temayı Kurmalıyım?

Hepsi.

Evet, doğru okudunuz.

Listemizi sadece 7 temaya indirgedik çünkü size kendi başınıza test edebileceğiniz küçük bir seçenekler havuzu sunmak istedik.

50'den fazla temadan oluşan devasa bir listeyle sizi bunaltmak yerine, yedi temayı kendiniz incelemek çok daha hızlı ve kolaydır.

Bu makaleye dahil edilenlerin, üzerine inşa etmek ve iyi performans gösteren bir web sitesine sahip olmak için en iyi temeli sunduğuna inanıyoruz.

Ve vakfavurgu yapıyoruz.

Araştırmamızda temaları, üzerine herhangi bir içerik veya eklenti eklenmemiş olarak test ettik.

Bu nedenle, hepsini denemenizi, özelleştirme özellikleriyle oynamanızı, biraz içerik eklemenizi ve birkaç eklenti yüklemenizi öneririz.

Ardından, özel ihtiyaçlarınıza ve gereksinimlerinize göre neyin en iyi sonuçları sağladığını test edin ve görün.

Önemli Web Verilerinizi Nasıl Daha Fazla Geliştirebilirsiniz [Kontrol Listesi]

Hız açısından optimize edilmiş bir tema üzerine inşa etmek, Önemli Web Verileri yolculuğunuzda size avantajlı bir başlangıç ​​sağlayacaktır.

Bununla birlikte, çoğu durumda, yalnızca hızlı bir temaya güvenmek, puanlarınızı çizgiyi aşmak için yeterli değildir.

Bu nedenle, her bir CWV metriğini optimize etmek için takip edebileceğiniz iyi uygulamalardan oluşan hızlı bir kontrol listesi hazırladık:

1. En Büyük İçerikli Boya (LCP)

• Hafif bir tema kullanın
• Gereksiz eklentilerle sitenizi şişirmeyin
• Resimlerinizi sıkıştırın
• Görüntüleri yeni nesil biçimlerde sunun
• Kahraman resimlerinizi önceden yükleyin
• Kod dosyalarınızı küçültün ve sıkıştırın
• Kritik CSS'yi Uygulayın
• Bir CDN kullanın
• Önbelleğe alma eklentisi kurun

2. Birinci Giriş Gecikmesi (FID)

• Kritik olmayan üçüncü taraf komut dosyalarını geciktirin veya kaldırın
• Kod dosyalarınızı küçültün ve sıkıştırın
• Kullanılmayan CSS'yi azaltın
• Kullanılmayan JavaScript'i ertele

3. Kümülatif Düzen Kayması (CLS)

• Resimlere ve videolara genişlik ve yükseklik nitelikleri ekleyin
• Reklamlar, yerleştirmeler ve iFrame'ler için yer ayırın
• Yazı tipi dağıtımını optimize edin

Çok fazla iş gibi görünse de, tüm bu en iyi uygulamaları uygulamanın faydaları sonunda gerçek dünyada mükemmel iş sonuçlarına yol açacaktır.

Tek yapmanız gereken her seferinde bir şeyi optimize etmek.

Veya…

Önemli Web Verilerinizi NitroPack ile otomatik pilota geçirin →