2023'teki En Hızlı 10 WordPress Teması (Ücretsiz ve Ücretli)

Bir sonraki projenize başlamak için hızlı bir WordPress teması mı arıyorsunuz? Ağır işleri sizin için yaptık ve en çok kullanılan WordPress temalarında bazı hız testleri yaptık. Bu kılavuzda, Divi veya Avada gibi hafif ve daha özelleştirilebilir temaların performansını paylaşıyoruz. Ayrıca, bir sonraki geliştirme projeniz için doğru araçları seçmenize yardımcı olacak şekilde temanızı nasıl optimize edeceğinizi ve web sitenizi nasıl hızlandıracağınızı da gösteriyoruz.

Analizimiz için piyasadaki en popüler temaları (ücretsiz ve ücretli) seçtik ve işte kısa listemiz:

5 Hafif Tema

1. Merhaba
2. Astra
3. okyanusWP
4. GeneratePress
5. Kadence

Sayfa Oluşturucuyla Birlikte Gelen 5 Tema

6. Avada (Füzyon oluşturucu)
7. Divi (Divi Oluşturucu)
8. BeTheme (BeBuilder)
9. 7 (Elementor sayfa oluşturucu)
10. Çıkık (WPBakery sayfa oluşturucu)

Her tema için performans sonuçlarını gözden geçirelim ve gözden geçirelim:

En Hızlı 10 WordPress Teması + Test Verileri

1. Merhaba

Elementor tarafından geliştirilen ve sayfa oluşturucuları için özel olarak hazırlanmış sade, vanilya içermeyen bir tema. Yalnızca 6kb bellek kaynağı kaplar, dolayısıyla temayı tek başına kullanırsanız özelleştirme seçenekleri sınırlıdır.

Merhaba teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 90/100
• İlk İçerikli Boya: 3.1s
• En Büyük İçerikli Boya: 1,8 saniye
• Kümülatif Düzen Kayması: 2,9 saniye
• Hız Endeksi: 1.4s
• Etkileşim Süresi: 1.4s
• Toplam Engelleme Süresi: 0 ms
• Toplam Yükleme süresi: 2,2 saniye
• Toplam sayfa boyutu: 990 KB
• HTTP istekleri: 13

2. Astra

Astra, hafif kodu, kullanıcı dostu özellikleri ve binlerce kullanıma hazır şablonu sayesinde en popüler ücretsiz WordPress temalarından biridir.

Astra teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 91/100
• İlk İçerikli Boya: 2.1s
• En Büyük İçerikli Boya: 1.9s
• Kümülatif Düzen Kayması: 2,8 saniye
• Hız Endeksi: 1.3s
• Etkileşim Süresi: 1.4s
• Toplam Engelleme Süresi: 0 ms
• Toplam Yükleme süresi: 2,1 saniye
• Toplam sayfa boyutu: 890 KB
• HTTP istekleri: 12

3. OkyanusWP

Hafif ve oldukça genişletilebilir, neredeyse her türde web sitesi oluşturmanıza olanak tanır. Mobil cihazlarda harika görünen ve kendi çeviri araçlarına sahip, tamamen duyarlı bir temadır. Gutenberg (WordPress editörü) ve Elementor veya Beaver Builder gibi popüler kurucularla oluşturulmuş birçok şablona sahiptir.

OceanWP teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 88/100
• İlk İçerikli Boya: 1.1s
• En Büyük İçerikli Boya: 2,9 saniye
• Kümülatif Düzen Kayması: 1,8 saniye
• Hız Endeksi: 2.3s
• Etkileşim Süresi: 1.4s
• Toplam Engelleme Süresi: 0 ms
• Toplam Yükleme süresi: 3,2 saniye
• Toplam sayfa boyutu: 996 KB
• HTTP istekleri: 13

4. GeneratePress

GeneratePress, kullanılabilirlik ve hıza odaklanarak oluşturulmuş hafif bir temadır (yeni bir GeneratePress kurulumu, sayfa boyutunuza 10 kb'den daha az ekler). Tema, içeriğinizi oluşturma konusunda size daha fazla kontrol sağlayan blok düzenleyicinin (Gutenberg) tüm avantajlarından yararlanır.

GeneratePress teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 86/100
• İlk İçerikli Boyama: 3.3s
• En Büyük İçerikli Boya: 1,7 saniye
• Kümülatif Düzen Kayması: 2,8 saniye
• Hız Endeksi: 1.3s
• Etkileşim Süresi: 2,5 saniye
• Toplam Engelleme Süresi: 0 ms
• Toplam Yükleme süresi: 3,1 saniye
• Toplam sayfa boyutu: 890 KB
• HTTP istekleri: 12

5. Kadence

Kadence Teması, hızlı yüklenen güzel siteler için hafif ama tam özellikli bir WordPress temasıdır. Geliştirici, demoları erişilebilir hale getirdi ve dakikalar içinde her türlü üstbilgiyi oluşturmak için sürükle ve bırak özellikli bir üstbilgi ve altbilgi oluşturucu oluşturdu. Çok amaçlı şablon kütüphanesi, yüzlerce projeye sığabilecek farklı tasarımlara sahiptir.

Kadence teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 89/100
• İlk İçerikli Boya: 3.1s
• En Büyük İçerikli Boyama: 1,9 sn
• Kümülatif Düzen Kayması: 2,9 saniye
• Hız Endeksi: 1.3s
• Etkileşim Süresi: 1,7 saniye
• Toplam Engelleme Süresi: 0,3 ms
• Toplam Yükleme süresi: 2,8 saniye
• Toplam sayfa boyutu: 898 KB
• HTTP istekleri: 10

6. Avada (+ Füzyon Oluşturucu)

Envato'da yıllardır 1 numaralı satış teması. Kitaplıkta özelleştirmesi kolay binlerce şablon vardır. Güçlü Fusion Builder sayesinde sitenizi üstbilgiden altbilgiye kadar oluşturmanıza olanak tanıyan bir web sitesi oluşturucusudur. Avada'nın bakımı %100 aynı ekip tarafından kendi bünyesinde yapılır ve üçüncü taraf araçlara bağımlı değildir.

Avada teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 87/100
• İlk İçerikli Boya: 3.1s
• En Büyük İçerikli Boya: 1,5 saniye
• Kümülatif Düzen Kayması: 1,7 saniye
• Hız Endeksi: 1.5s
• Etkileşim Süresi: 2.4s
• Toplam Engelleme Süresi: 0 ms
• Toplam Yükleme süresi: 2,4 saniye
• Toplam sayfa boyutu: 998 KB
• HTTP istekleri: 12

7. Divi (+ Divi Oluşturucu)

Divi, görsel sayfa oluşturucusu sayesinde güçlü bir temadır. Elegant Themes, WYSIWYG'yi WordPress'e getiren ilk şirketler arasındaydı. Tek bir kod satırına dokunmadan (ve ek özellikler getirmek için herhangi bir eklenti kurmadan ve yapılandırmadan) Divi çerçevesini kullanarak her şeyi görsel olarak oluşturabilirsiniz.

Divi teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 84/100
• İlk İçerikli Boyama: 4.1s
• En Büyük İçerikli Boya: 1.1s
• Kümülatif Düzen Kayması: 1,8 saniye
• Hız Endeksi: 1.4s
• Etkileşim Süresi: 1.1s
• Toplam Engelleme Süresi: 0,1 ms
• Toplam Yükleme süresi: 3,1 saniye
• Toplam sayfa boyutu: 1,2 MB
• HTTP istekleri: 14

8. BeTheme (+ BeBuilder)

BeTheme, çok amaçlı bir web sitesi oluşturucu ve 650'den fazla önceden oluşturulmuş web sitesiyle (çok modern ve trend tasarımlarla) en çok satan WordPress temasıdır. BeBuilder'ları ayrıca WooCommerce ile tamamen uyumludur ve yakın zamanda dinamik web siteleri oluşturmak için bir sorgu oluşturucu başlattılar.

BeTheme teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 80/100
• İlk İçerikli Boyama: 4.1s
• En Büyük İçerikli Boya: 2,9 saniye
• Kümülatif Düzen Kayması: 3,8 saniye
• Hız Endeksi: 1.9s
• Etkileşim Süresi: 1.4s
• Toplam Engelleme Süresi: 0,2 ms
• Toplam Yükleme süresi: 4,1 saniye
• Toplam sayfa boyutu: 1,4 MB
• HTTP istekleri: 15

9. The7 (+ Elementor)

WordPress kontrol panelinden birçok özelleştirme sunan, en çok satan Elementor temalarıdır. The7, Elementor, WPBakery Sayfa Oluşturucu ve Slider Revolution için özel şablonlara sahip 60'tan fazla önceden oluşturulmuş sahte web sitesine sahiptir.

The7 teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 81/100
• İlk İçerikli Boyama: 2.4s
• En Büyük İçerikli Boya: 1,8 saniye
• Kümülatif Düzen Kayması: 2,9 saniye
• Hız Endeksi: 1.1s
• Etkileşim Süresi: 1.2s
• Toplam Engelleme Süresi: 0 ms
• Toplam Yükleme süresi: 3,8 saniye
• Toplam sayfa boyutu: 1,1 MB
• HTTP istekleri: 16

10. Belirgin (+ WPBakery Sayfa Oluşturucunun uyarlanmış versiyonu)

Salient, aralarından seçim yapabileceğiniz 400'ün üzerinde profesyonel şablon kitaplığına erişim sunar. WP Bakery Bakery sayfa oluşturucuyu temel aldılar ve ona bazı ekstra özellikler eklediler. Son olarak Salient, Themeforest'taki 5700 puana göre 5 üzerinden ortalama 4,8 puana sahiptir.

Salient teması için performans sonuçları:

• Sayfa Hızı mobil puanı: 82/100
• İlk İçerikli Boyama: 2,5 saniye
• En Büyük İçerikli Boya: 1,7 saniye
• Kümülatif Düzen Kayması: 1,8 saniye
• Hız Endeksi: 1.9s
• Etkileşim Süresi: 1.2s
• Toplam Engelleme Süresi: 0,35 ms
• Toplam Yükleme süresi: 3,8 saniye
• Toplam sayfa boyutu: 987 KB
• HTTP istekleri: 13

Test Sonuçları Tablosu

Aşağıda, her tema için performans sonuçlarının bir özetini bulacaksınız. Bunları sıralamak için "PageSpeed ​​mobil puanı" KPI'sını kullandık, ancak toplam yükleme sayfası metriği de önemlidir, bu nedenle o satıra bakmayı unutmayın.

Hafif temalar

Sayfa Oluşturucuyla Gelen Temalar

Benzer şekilde sıralama, PageSpeed ​​mobil puanına dayalıdır.

Önemli çıkarımlar:

• Tüm temalar, PageSpeed ​​Insights'taki dereceleri için kabul edilebilirden çok iyiye doğru gidiyor. Turuncu ya da yeşil var, performans açısından kırmızı yok.
• Astra, mobilde 91/100 ve 2,1 s sayfa yükleme ile hafif temaların en hızlısı gibi görünüyor.
• Avada (kendi oluşturucusuyla birlikte), mobilde 87/100 ve 2,4 saniyelik sayfa yüklemesi ile de listenin başında yer alıyor.

Temaları Nasıl Test Ettik?

Seçimimiz 2023 popülerliğine, Envato'daki yüksek indirme veya satış sayılarına ve kaliteli incelemelere dayanıyordu. Ardından, aşağıdaki performans araçları aracılığıyla bir denetim gerçekleştiririz:

Lighthouse tarafından desteklenen PageSpeed ​​Insights ve GTmetrix, web sitenizin performansını ve kullanıcı deneyimini analiz eder. En önemli KPI'lar, sayfalarınızın nasıl performans gösterdiği ve iyileştirilecek alanların neler olduğu hakkında ayrıntılı bir raporla gelen Önemli Web Verileridir. Bu nedenle, testlerimize aşağıdaki 10 metriği dahil ettik - mobil cihazlarda ölçülmüştür :

PageSpeed ​​Insights'tan:

• PageSpeed ​​mobil puanı
• İlk İçerikli Boya
• En Büyük İçerikli Boya
• Kümülatif Düzen Kayması
• Hız Endeksi
• Etkileşim Zamanı
• Toplam Engelleme Süresi

GTmetrix'ten:

• Toplam Yükleme süresi
• Toplam sayfa boyutu
• HTTP istekleri

Ardından, iki kategoriye ayırdığımız 10 tema seçtik:

#1 Minimalist bir yaklaşımla gelen ve daha çok bir web sitesi başlatmak için temel bir tuval gibi olan ücretsiz ve hafif temalar:

• Merhaba
• Astra
• okyanusWP
• GeneratePress
• Kadence

#2 Diğer kategori, kendi sayfa oluşturucularıyla birlikte gelen "daha ağır" temaları içerir. Avada'yı (ve Fusion oluşturucusunu) Astra gibi hafif bir temayla karşılaştırmanın haksızlık olacağını düşündük. Yani ikinci kategori için temalar şunlardır:

• Avada (Füzyon oluşturucu)
• Divi (Divi Oluşturucu)
• BeTheme (BeBuilder)
• The 7 (Elementor/WP Bakery sayfa oluşturucu)
• Çıkık (WPBakery sayfa oluşturucu)

Test Siteleri

İlk kategori için, WordPress Editör'ü kullanarak gerçekçi bir test sitesi oluşturduk ve blokları kullanarak bir düğme, resimli 5 referans, 1 harekete geçirici mesaj (resimli tam bölüm), 4 simge ve metin, 2 başlık ve 2 alt yazı ve resimli 8 servis.

İkinci kategori için, her oluşturucuda bulunan benzer öğelere sahip bir sayfa oluşturmak için her seferinde emin olduk: resim ve düğme içeren bir kahraman afişi, simge ve metin içeren 3 hizmet, 2 resim (aynısını yeniden kullandık), 2 metin öğesi, 3 simge listesi ve bir başlık, alt başlık ve düğme (tam bölüm) içeren bir harekete geçirici mesaj bölümü.

Her tema için aynı test senaryolarını ve aynı içeriği takip ederek adil bir performans karşılaştırma analizi yapabildik. Her tema için yeni bir kurulum yaptık ve her temanın hız testi için aynı sunucuyu kullandık.

WP Rocket ile Ekstra Performans Artışı Verin

WP Rocket, herhangi bir temayı birkaç tıklamayla optimize edebilen WordPress için en iyi önbellek eklentilerinden biridir. Ayrıca sitenizin ve Önemli Web Verilerinizin performansını artırır.

WP Rocket'in hız üzerindeki büyük etkisini anlamak için, testlerimizde “en yavaş” tema olan BeTheme ile çalışırken görelim.

Kayıt için, Lighthouse tarafından işaretlenen ve "Fırsatlar" sekmesi altında listelenen birkaç sorun vardı:

Öneriler arasında önbelleğe alma, metin sıkıştırmayı etkinleştirme, kullanılmayan CSS/JS'yi azaltma ve ekran dışı görüntüleri erteleme yer alır.

O test sitesinde WP Rocket'i etkinleştirdik ve çok büyük bir gelişme fark ettik:

Ayrıca, PageSpeed ​​Insights puanını (sitem 98/100 ile yeşile döndü) iyileştiren WP Rocket sayesinde tüm performans KPI'larımız da iyileşti.

WP Rocket ayrıca Core Web Vitals puanını artırdı ve toplam yükleme süresini azalttı (4,1 saniyeden 2,1 saniyeye). WP Rocket ayrıca sayfa boyutunu ve HTTP isteklerinin sayısını da azalttı:

* Temel Web Verileri

Tüm PageSpeed ​​Insights uyarılarını düzeltmek ve performans TPG'lerini artırmak için aşağıdaki WP Rocket özelliklerini etkinleştirdik:

• Eklenti etkinleştirildikten sonra önbelleğe alma ve metin sıkıştırma uygulayın:

WordPress yöneticisindeki önbellek sekmesinden kendi seçeneklerinizi de değiştirebilirsiniz:

• Kullanılmayan CSS'yi azaltmak için dosya optimizasyonu sekmesi (diğer CSS optimizasyon özelliklerinin yanı sıra):

• JS'yi optimize etmek için özel bir alt bölüm:

• Ekran dışı görüntüleri ertelemek (ve yalnızca ekranın üst kısmında bulunan görüntüleri yüklemek) için tembel yükleme özelliği:

Sizin İçin En İyi Tema Hangisi?

Özel ihtiyaçlarınıza ve müşterinizin özetine bağlı olduğundan, size tek bir tema önermek neredeyse imkansızdır, ancak işte birkaç çıkarım:

• Web sitesini devralmak, içeriğini güncellemek ve WordPress panosuna erişmek isteyen bir müşteriniz varsa , sayfa oluşturucu ile bir tema seçmek daha kolay olabilir (BeTheme veya 7 gibi).
• Farklı sektörler için harika tasarlanmış demolara sahip bir tema arayan bir serbest çalışansanız , Divi ve BeTheme en iyi seçenekleriniz olabilir.
• Binlerce ürün içeren gelişmiş bir WooCommerce sitesi oluşturmayı planlıyorsanız , Astra gibi hafif bir tema daha akıllıca olabilir. Ayrıca, gelişmiş WooCommerce özellikleriyle birlikte gelir.
• Kendi formlarınızı ve ürün düzenlerinizi oluşturmanız ve web sitenize dinamik veriler eklemeniz gerekiyorsa , Elementor Pro ile birlikte gelen bir tema harika bir seçenektir. Elementor, kısa sürede kendi ürün şablonunuzu ve alışveriş sayfanızı oluşturmanıza olanak tanıyan WooCommerce oluşturucuyu başlatan ilk şirketlerden biriydi.
• Birkaç tema arasında kararsız kalıyorsanız , demolarından birini yükleyin ve onlara mobilden bakın. Bir web sitesi oluştururken duyarlılık esas olmalıdır.
• Bir web ve tasarım ajansıysanız Divi, projenizi kolayca depolayabileceğiniz ve ekiple paylaşabileceğiniz Divi Cloud'u sunar. İşbirliği ve potansiyel değişiklikler her yerden daha hızlı yapılabilir.

Son olarak, hızlı desteğe, son güncellemelere ve doğru belgelere sahip bir tema seçin. Örneğin, OceanWP'nin temayı sonuna kadar kullanmak için web seminerleri ve öğreticiler sunan bir akademisi vardır.

Sarma

Artık bir sonraki projeniz için doğru WordPress temasına karar verebilmeli ve seçebilmelisiniz. Bir sonraki projeniz için hangi temayı seçerseniz seçin, WP Rocket'in WordPress sitenizin hızını artırmanın ve PageSpeed ​​Insights'taki performans denetimlerini geçmenin en kolay yolu olduğunu unutmayın.