10 Tema WordPress Tercepat di 2023 (Gratis dan Berbayar)

Apakah Anda mencari tema WordPress yang cepat untuk memulai proyek Anda berikutnya? Kami melakukan pekerjaan berat untuk Anda dan menjalankan beberapa tes kecepatan pada tema WordPress yang paling banyak digunakan. Dalam panduan ini, kami membagikan kinerja tema yang ringan dan lebih dapat disesuaikan seperti Divi atau Avada. Kami juga menunjukkan cara mengoptimalkan tema dan membuat situs web Anda lebih cepat, yang akan membantu Anda memilih alat yang tepat untuk proyek pengembangan berikutnya.

Untuk analisis kami, kami telah memilih tema paling populer di pasar (gratis dan berbayar), dan inilah daftar pilihan kami di bawah ini:

5 Tema Ringan

1. Halo
2. Astra
3. OceanWP
4. HasilkanTekan
5. Kadence

5 Tema Yang Disertakan Dengan Pembuat Halaman

6. Avada (pembangun Fusion)
7. Divi (Pembuat Divi)
8. BeTheme (BeBuilder)
9. The 7 (pembuat halaman Elemen)
10. Salient (pembuat halaman WPBakery)

Mari tinjau dan lihat hasil kinerja untuk setiap tema:

10 Tema WordPress Tercepat + Data Uji

1. Halo

Tema bebas vanilla polos yang dikembangkan oleh Elementor dan disesuaikan untuk pembuat halaman mereka. Ini hanya membutuhkan 6kb sumber daya memori, sehingga opsi penyesuaian terbatas jika Anda menggunakan tema saja.

Hasil kinerja untuk tema Halo:

• Skor seluler PageSpeed: 90/100
• Cat Konten Pertama: 3.1s
• Cat Konten Terbesar: 1,8 detik
• Pergeseran Tata Letak Kumulatif: 2,9 detik
• Indeks Kecepatan: 1,4 detik
• Waktu Untuk Interaktif: 1,4 detik
• Total Waktu Pemblokiran: 0 ms
• Total waktu Pemuatan: 2,2 detik
• Ukuran halaman total: 990 KB
• Permintaan HTTP: 13

2.Astra

Astra adalah salah satu tema WordPress gratis terpopuler karena kodenya yang ringan, fitur yang mudah digunakan, dan ribuan templat siap pakai.

Hasil performa untuk tema Astra:

• Skor seluler PageSpeed: 91/100
• Cat Konten Pertama: 2.1s
• Cat Konten Terbesar: 1,9 detik
• Pergeseran Tata Letak Kumulatif: 2,8 detik
• Indeks Kecepatan: 1,3 detik
• Waktu Untuk Interaktif: 1,4 detik
• Total Waktu Pemblokiran: 0 ms
• Total waktu Pemuatan: 2,1 detik
• Ukuran halaman total: 890 KB
• Permintaan HTTP: 12

3. OceanWP

Ringan dan sangat dapat diperpanjang, ini memungkinkan Anda membuat hampir semua jenis situs web. Ini adalah tema yang sepenuhnya responsif yang terlihat bagus di ponsel dan memiliki alat terjemahannya sendiri. Ini memiliki banyak template yang dibuat dengan Gutenberg (editor WordPress) dan pembuat populer seperti Elementor atau Beaver Builder.

Hasil kinerja untuk tema OceanWP:

• Skor seluler PageSpeed: 88/100
• Cat Konten Pertama: 1.1s
• Cat Konten Terbesar: 2,9 detik
• Pergeseran Tata Letak Kumulatif: 1,8 detik
• Indeks Kecepatan: 2,3 detik
• Waktu Untuk Interaktif: 1,4 detik
• Total Waktu Pemblokiran: 0 ms
• Total waktu Pemuatan: 3,2 detik
• Ukuran halaman total: 996 KB
• Permintaan HTTP: 13

4. HasilkanTekan

GeneratePress adalah tema ringan yang dibangun dengan fokus pada kegunaan dan kecepatan (pemasangan baru GeneratePress menambahkan kurang dari 10kb ke ukuran halaman Anda). Tema ini memanfaatkan sepenuhnya editor blok (Gutenberg), yang memberi Anda kontrol lebih untuk membuat konten Anda.

Hasil kinerja untuk tema GeneratePress:

• Skor seluler PageSpeed: 86/100
• Cat Konten Pertama: 3,3 detik
• Cat Konten Terbesar: 1,7 detik
• Pergeseran Tata Letak Kumulatif: 2,8 detik
• Indeks Kecepatan: 1,3 detik
• Waktu Untuk Interaktif: 2,5 detik
• Total Waktu Pemblokiran: 0 ms
• Total waktu Pemuatan: 3,1 detik
• Ukuran halaman total: 890 KB
• Permintaan HTTP: 12

5. Kadensi

Tema Kadence adalah tema WordPress yang ringan namun berfitur lengkap untuk situs pemuatan cepat yang indah. Pengembang membuat demo dapat diakses dan membuat pembuat header dan footer drag-and-drop untuk membuat semua jenis header dalam hitungan menit. Pustaka template serbaguna memiliki desain berbeda yang dapat memuat ratusan proyek.

Hasil performa untuk tema Kadence:

• Skor seluler PageSpeed: 89/100
• Cat Konten Pertama: 3.1s
• Cat Konten Terbesar: 1,9 dtk
• Pergeseran Tata Letak Kumulatif: 2,9 detik
• Indeks Kecepatan: 1,3 detik
• Waktu Untuk Interaktif: 1,7 detik
• Total Waktu Pemblokiran: 0,3 ms
• Total waktu pemuatan: 2,8 detik
• Ukuran halaman total: 898 KB
• Permintaan HTTP: 10

6. Avada (+ Pembuat Fusion)

Tema penjualan #1 di Envato selama bertahun-tahun. Ada ribuan templat yang mudah disesuaikan di perpustakaan. Ini adalah pembuat situs web yang memungkinkan Anda membuat situs dari header hingga footer, berkat Fusion Builder yang andal. Avada 100% dikelola sendiri oleh tim yang sama dan tidak bergantung pada alat pihak ketiga.

Hasil kinerja untuk tema Avada:

• Skor seluler PageSpeed: 87/100
• Cat Konten Pertama: 3.1s
• Cat Konten Terbesar: 1,5 detik
• Pergeseran Tata Letak Kumulatif: 1,7 detik
• Indeks Kecepatan: 1,5 detik
• Waktu Untuk Interaktif: 2,4 detik
• Total Waktu Pemblokiran: 0 ms
• Total waktu Pemuatan: 2,4 detik
• Ukuran halaman total: 998 KB
• Permintaan HTTP: 12

7. Divi (+ Pembuat Divi)

Divi adalah tema yang kuat berkat pembuat halaman visualnya. Tema Elegan adalah salah satu perusahaan pertama yang menghadirkan WYSIWYG ke WordPress. Anda dapat membangun semuanya secara visual menggunakan kerangka Divi tanpa menyentuh satu baris kode pun (dan tanpa menginstal dan mengonfigurasi plugin apa pun untuk menghadirkan fitur tambahan).

Hasil performa untuk tema Divi:

• Skor seluler PageSpeed: 84/100
• Cat Konten Pertama: 4.1s
• Cat Konten Terbesar: 1,1 detik
• Pergeseran Tata Letak Kumulatif: 1,8 detik
• Indeks Kecepatan: 1,4 detik
• Waktu Untuk Interaktif: 1.1s
• Total Waktu Pemblokiran: 0,1 ms
• Total waktu Pemuatan: 3,1 detik
• Ukuran halaman total: 1,2 MB
• Permintaan HTTP: 14

8. BeTheme (+ BeBuilder)

BeTheme adalah pembuat situs web multiguna dan tema WordPress terlaris dengan 650+ situs web siap pakai (dengan desain yang sangat modern dan sedang tren). BeBuilder mereka juga sepenuhnya kompatibel dengan WooCommerce, dan mereka baru saja meluncurkan pembuat kueri untuk membuat situs web dinamis.

Hasil performa untuk tema BeTheme:

• Skor seluler PageSpeed: 80/100
• Cat Konten Pertama: 4.1s
• Cat Konten Terbesar: 2,9 detik
• Pergeseran Tata Letak Kumulatif: 3,8 detik
• Indeks Kecepatan: 1,9 detik
• Waktu Untuk Interaktif: 1,4 detik
• Total Waktu Pemblokiran: 0,2 ms
• Total waktu Pemuatan: 4,1 detik
• Ukuran halaman total: 1,4 MB
• Permintaan HTTP: 15

9. The7 (+ Elemen)

Ini adalah tema Elementor penjualan #1 yang menawarkan banyak penyesuaian dari dasbor WordPress. The7 memiliki 60+ situs boneka prebuilt dengan template eksklusif untuk Elementor, WPBakery Page Builder & Slider Revolution.

Hasil performa untuk tema The7:

• Skor seluler PageSpeed: 81/100
• Cat Konten Pertama: 2,4 detik
• Cat Konten Terbesar: 1,8 detik
• Pergeseran Tata Letak Kumulatif: 2,9 detik
• Indeks Kecepatan: 1,1 detik
• Waktu Untuk Interaktif: 1.2s
• Total Waktu Pemblokiran: 0 ms
• Total waktu pemuatan: 3,8 detik
• Ukuran halaman total: 1,1 MB
• Permintaan HTTP: 16

10. Salient (+ versi yang disesuaikan dari WPBakery Page Builder)

Salient menawarkan akses ke perpustakaan template profesional dengan lebih dari 400 untuk dipilih. Mereka telah menggunakan pembuat halaman WP Bakery Bakery sebagai basis dan menambahkan beberapa fitur tambahan ke dalamnya. Terakhir, Salient memiliki rating rata-rata 4,8 dari 5 berdasarkan 5700 rating di Themeforest.

Hasil performa untuk tema Salient:

• Skor seluler PageSpeed: 82/100
• Cat Konten Pertama: 2,5 detik
• Cat Konten Terbesar: 1,7 detik
• Pergeseran Tata Letak Kumulatif: 1,8 detik
• Indeks Kecepatan: 1,9 detik
• Waktu Untuk Interaktif: 1.2s
• Total Waktu Pemblokiran: 0,35 ms
• Total waktu pemuatan: 3,8 detik
• Ukuran halaman total: 987 KB
• Permintaan HTTP: 13

Tabel Hasil Uji

Di bawah ini Anda akan menemukan ringkasan hasil performa untuk setiap tema. Kami menggunakan KPI “PageSpeed ​​mobile score” untuk memeringkatnya, tetapi total metrik pemuatan halaman juga penting, jadi jangan lupa untuk melihat baris tersebut.

Tema ringan

Tema yang Dilengkapi dengan Pembuat Halaman

Demikian pula, peringkat didasarkan pada skor seluler PageSpeed.

Pengambilan kunci:

• Semua tema mulai dari yang dapat diterima hingga sangat bagus untuk nilainya di Wawasan PageSpeed. Ada yang berwarna oranye atau hijau, tidak ada yang berwarna merah dalam hal performa.
• Astra tampaknya menjadi yang tercepat dari tema ringan, dengan 91/100 di seluler dan pemuatan halaman 2,1 detik.
• Avada (dengan pembuatnya sendiri) juga masuk ke daftar teratas dengan 87/100 di seluler dan pemuatan halaman 2,4 detik.

Bagaimana Kami Menguji Tema

Pilihan kami didasarkan pada popularitas tahun 2023, jumlah unduhan atau penjualan yang tinggi di Envato, dan ulasan berkualitas. Kemudian kami menjalankan audit melalui alat kinerja berikut:

Didukung oleh Lighthouse, PageSpeed ​​Insights , dan GTmetrix, keduanya menganalisis kinerja dan pengalaman pengguna situs web Anda. KPI yang paling penting adalah Core Web Vitals yang dilengkapi dengan laporan mendetail tentang performa halaman Anda dan area yang perlu ditingkatkan. Itulah mengapa kami menyertakan 10 metrik berikut dalam pengujian kami – diukur pada perangkat seluler :

Dari Wawasan PageSpeed:

• Skor seluler PageSpeed
• Cat Konten Pertama
• Cat Konten Terbesar
• Pergeseran Tata Letak Kumulatif
• Indeks Kecepatan
• Saatnya Interaktif
• Total Waktu Pemblokiran

Dari GTmetrix:

• Total waktu Pemuatan
• Ukuran halaman keseluruhan
• permintaan HTTP

Kemudian, kami memilih 10 tema yang kami bagi menjadi dua kategori:

#1 Tema gratis dan ringan yang datang dengan pendekatan minimalis dan lebih seperti kanvas dasar untuk memulai sebuah situs web:

• Halo
• Astra
• OceanWP
• HasilkanTekan
• Kadence

#2 Kategori lainnya berisi tema “lebih berat” yang disertakan dengan pembuat halaman mereka sendiri. Kami pikir membandingkan Avada (dan pembuat Fusion-nya) dengan tema ringan seperti Astra tidak adil. Jadi tema untuk kategori kedua adalah sebagai berikut:

• Avada (pembangun Fusion)
• Divi (Pembuat Divi)
• BeTheme (BeBuilder)
• The 7 (pembuat halaman Elementor/WP Bakery)
• Salient (pembuat halaman WPBakery)

Situs Pengujian

Untuk kategori pertama, kami membuat situs pengujian realistis menggunakan Editor WordPress, dan kami menggunakan blok untuk membuat spanduk pahlawan dengan tombol, 5 testimonial dengan gambar, 1 ajakan bertindak (bagian lengkap dengan gambar), 4 ikon dan teks, 2 judul dan 2 subtitle dan 8 layanan dengan gambar.

Untuk kategori kedua, kami memastikan setiap kali membuat halaman dengan elemen serupa yang ada di setiap pembuat: spanduk pahlawan dengan gambar dan tombol, 3 layanan dengan ikon dan teks, 2 gambar (kami menggunakan kembali yang sama), 2 elemen teks, 3 daftar ikon, dan bagian ajakan bertindak dengan header, sub-header, dan tombol (bagian lengkap).

Dengan mengikuti skenario pengujian yang sama dan konten yang sama untuk setiap tema, kami dapat melakukan analisis perbandingan kinerja yang adil. Kami melakukan penginstalan baru untuk setiap tema dan menggunakan server yang sama untuk pengujian kecepatan setiap tema.

Berikan Peningkatan Performa Ekstra dengan WP Rocket

WP Rocket adalah salah satu plugin caching terbaik untuk WordPress yang dapat mengoptimalkan tema apa pun dalam beberapa klik. Ini juga meningkatkan kinerja situs dan Data Web Inti Anda.

Untuk memahami dampak besar WP Rocket pada kecepatan, mari kita lihat aksinya dengan BeTheme, yang merupakan tema “paling lambat” dalam pengujian kami.

Sebagai catatan, ada beberapa masalah yang ditandai oleh Lighthouse, yang tercantum di bawah tab “Peluang”:

Rekomendasinya termasuk menggunakan caching, mengaktifkan kompresi teks, mengurangi CSS/JS yang tidak digunakan, dan menunda gambar di luar layar.

Kami mengaktifkan WP Rocket di situs pengujian tersebut, dan kami melihat peningkatan besar:

Semua KPI kinerja kami juga meningkat berkat WP Rocket yang juga meningkatkan skor PageSpeed ​​Insights (situs saya pindah ke hijau dengan skor 98/100).

WP Rocket juga meningkatkan skor Core Web Vitals dan mengurangi total waktu pemuatan (dari 4,1 detik menjadi 2,1 detik). WP Rocket juga mengurangi ukuran halaman dan jumlah permintaan HTTP:

* Data Web Inti

Untuk memperbaiki semua peringatan PageSpeed ​​Insights dan meningkatkan KPI performa, kami mengaktifkan fitur WP Rocket berikut:

• Terapkan caching dan kompresi teks setelah aktivasi plugin:

Anda juga dapat men-tweak opsi Anda sendiri dari tab cache di admin WordPress:

• Tab pengoptimalan file untuk mengurangi CSS yang tidak digunakan (di antara fitur pengoptimalan CSS lainnya):

• Subbagian khusus untuk mengoptimalkan JS:

• Fitur pemuatan malas untuk menunda gambar di luar layar (dan hanya memuat gambar yang terletak di paro atas):

Mana Tema Terbaik Untuk Anda?

Hampir tidak mungkin untuk menyarankan Anda satu tema tunggal karena tergantung pada kebutuhan spesifik Anda dan pengarahan klien Anda, tetapi berikut adalah beberapa kesimpulan:

• Jika Anda memiliki klien yang bersedia mengambil alih situs webnya, memperbarui konten, dan mengakses dasbor WordPress, memilih tema dengan pembuat halaman mungkin lebih mudah (seperti BeTheme atau 7).
• Jika Anda seorang pekerja lepas yang mencari tema dengan demo yang dirancang dengan sangat baik untuk berbagai industri, Divi dan BeTheme mungkin merupakan pilihan terbaik Anda.
• Jika Anda berencana membuat situs WooCommerce canggih dengan ribuan produk, tema ringan seperti Astra mungkin lebih bijak. Plus, itu hadir dengan fitur WooCommerce canggih.
• Jika Anda perlu membuat formulir Anda sendiri , dan tata letak produk serta menambahkan data dinamis ke situs web Anda, tema yang dibundel dengan Elementor Pro adalah pilihan yang bagus. Elementor adalah salah satu perusahaan pertama yang meluncurkan pembuat WooCommerce, memungkinkan Anda membuat template produk dan halaman toko Anda sendiri dalam waktu singkat.
• Jika Anda ragu-ragu di antara beberapa tema , instal salah satu demo mereka dan lihat di ponsel. Daya tanggap harus menjadi hal yang penting saat membangun situs web.
• Jika Anda adalah agen web dan desain , Divi menawarkan Divi Cloud, tempat Anda dapat dengan mudah menyimpan proyek dan membaginya dengan tim. Kolaborasi dan modifikasi potensial dapat dilakukan lebih cepat dari mana saja.

Terakhir, pilih tema dengan dukungan cepat, pembaruan terkini, dan dokumentasi yang akurat. Misalnya, OceanWP memiliki akademi yang menawarkan webinar dan tutorial untuk menggunakan tema secara maksimal.

Membungkus

Sekarang, Anda harus dapat memutuskan dan memilih tema WordPress yang tepat untuk proyek Anda berikutnya. Dan ingat, apa pun tema yang Anda pilih untuk proyek berikutnya, WP Rocket adalah cara termudah untuk meningkatkan kecepatan situs WordPress Anda dan lulus audit kinerja di PageSpeed ​​Insights.