7 Tema WordPress Teratas Untuk Data Web Inti yang Baik (Peringkat 2023)

Diterbitkan: 2023-03-14

Ada 10.500+ tema gratis yang tersedia di repositori WordPress.

Dan jumlahnya terus bertambah dari hari ke hari.

Jadi bagaimana Anda bisa menentukan yang terbaik? Apakah Anda seharusnya menguji setiap tema yang Anda suka dan membandingkan semua metrik kinerja, skor, dan milidetik?

Jujur saja - ini tidak terdengar seperti tugas yang ingin Anda lakukan sepanjang hari.

Terutama ketika kami melakukannya untuk Anda!

Jadi daripada membuang waktu untuk mengaktifkan, menonaktifkan, menguji, menuliskan hasil, dan membandingkan, baca terus untuk mengetahui 7 tema WordPress yang menonjol setelah penelitian dan pengujian menyeluruh kami.

Bagaimana Kami Menguji Kandidat Tema WordPress Terbaik untuk Data Web Inti yang Baik

Catatan: Cara terbaik untuk memperkirakan performa tema di dunia nyata tanpa menghasilkan traffic adalah dengan mengandalkan Core Web Vitals berbasis lab. Pengalaman kami menunjukkan bahwa tema yang lolos LCP, CLS, dan TBT di lab memiliki peluang lebih tinggi untuk mereproduksi hasil bagus yang sama di lapangan.

Kami memulai penelitian kami dengan mengumpulkan sejumlah besar tema yang pernah dikerjakan oleh pengembang WordPress kami, bersama dengan tema berdasarkan popularitasnya di repositori WP.

Kemudian, kami memulai proses pengujian kecepatan panjang:

  • Instal dan aktifkan tema pada instalasi WordPress kosong.
  • Biarkan tema apa adanya - tidak ada tambahan konten, menu, halaman, posting, atau plugin.
  • Jalankan website dengan tema tersebut melalui Google PageSpeed ​​Insights.
  • Jalankan tema melalui GTmetrix.
  • Jalankan tema melalui Tes Kecepatan Pingdom.
  • Kumpulkan semua hasil dan bandingkan.

Kami telah memutuskan untuk menggunakan tiga alat pengujian karena masing-masing memiliki standar dan metrik yang berbeda-beda. Kami ingin memastikan satu alat tidak memberikan hasil yang lebih baik atau lebih buruk dari yang lain.

Di setiap alat, kami memutuskan untuk memantau metrik tertentu:

Wawasan PageSpeed

PageSpeed ​​Insights (PSI) Google adalah alat bantu untuk menguji tema untuk kecepatan dan Data Web Inti. Mengingat kami tidak memiliki lalu lintas dunia nyata, kami berfokus pada Skor Performa, dan metriknya di seluler dan desktop.

Skor performa PSI Google

Berikut adalah metrik yang kami fokuskan:

  • Skor Kinerja . Ini dari 100 dan berdasarkan metrik berikut - LCP, CLS, Indeks Kecepatan, TBT, dan FCP. Setiap metrik memiliki bobot yang berbeda.
  • Cat Konten Pertama. FCP adalah waktu yang diperlukan browser untuk memvisualisasikan bagian pertama dari konten DOM.
  • Cat Konten Terbesar. LCP mengukur berapa lama waktu yang diperlukan untuk memuat elemen paro atas terbesar di halaman.
  • Indeks Kecepatan . Ini menunjukkan seberapa cepat konten halaman terlihat terisi. Lebih rendah lebih baik.
  • Total Waktu Pemblokiran. Ini menunjukkan betapa tidak responsifnya halaman sebelum menjadi sepenuhnya interaktif.
  • Pergeseran Tata Letak Kumulatif. CLS mengukur seberapa besar perubahan tata letak yang tidak terduga memengaruhi pengalaman pengguna di halaman.

GTmetrix

GTmetrix menganalisis kecepatan dan pengoptimalan situs web, menjadikannya alat yang berharga untuk mengidentifikasi masalah kinerja dan menentukan apakah suatu tema berisi terlalu banyak file yang tidak perlu.

Grade GTmetrix

Metrik yang kami zonasi adalah:

  • Grade GTmetrix. Ini adalah nilai tertimbang dari skor Performa dan Struktur.
  • Skor Kinerja. Ini adalah Skor Kinerja Mercusuar, seperti yang ditangkap oleh GTmetrix, dengan audit khusus, Opsi Analisis, browser, dan spesifikasi perangkat kerasnya.
  • Skor Struktur . Ini adalah penilaian eksklusif dari audit Lighthouse dan Custom GTmetrix. Ini mewakili seberapa baik tema/halaman dibangun untuk kinerja optimal.
  • Vital Web. Metrik Data Web Inti berbasis lab yang mengukur apakah tema/halaman menawarkan pengalaman keseluruhan yang luar biasa.
  • Waktu muat. Berapa lama waktu yang diperlukan untuk memuat halaman web sepenuhnya.

Pingdom

Meskipun Pingdom memiliki kesamaan dengan GTmetrix, kami lebih suka menggunakan kedua alat secara bersamaan karena menyediakan metrik yang berbeda. Selain itu, Pingdom menawarkan cara mudah untuk menguji halaman web dari berbagai lokasi.

Semua tema telah diuji dari Amerika Utara - AS - Washington DC

Tes Kecepatan Situs Web Pingdom

Metrik yang telah kami pantau:

  • Performance Grade Ini adalah nilai kumulatif dari 100.
  • Muat Waktu. Jumlah waktu yang diperlukan Pingdom untuk memuat seluruh situs web dengan tema terpasang.
  • Ukuran halaman. Ukuran semua file situs halaman. Tema memiliki pengaruh besar pada yang satu ini.
  • Permintaan. Jumlah permintaan server untuk menyampaikan tema dan konten situs kepada pengguna.

Ringkasan Cepat dari Tema WordPress Berkinerja Terbaik

Sebelum kami menyelami lebih dalam setiap tema, fitur, harga, dan skor kinerjanya, inilah ringkasan pengujian kami.

Catatan: Peringkat berikut didasarkan pada hasil Pingdom dan, lebih khusus lagi - ukuran halaman dan waktu muat. Nanti di artikel, kami meninjau setiap tema dan hasil CWV-nya.

  1. Dua Puluh Dua Puluh Tiga –Ukuran Halaman:26.3KB;Waktu Muat:520ms
  2. Halo Elementor –Ukuran Halaman: 32.7KB;Waktu Muat:520ms
  3. GeneratePress –Ukuran Halaman: 37.7KB;Waktu Muat:538ms
  4. Neve –Ukuran Halaman: 42.4KB;Waktu Muat:552ms
  5. Sydney –Ukuran Halaman: 48.1KB;Waktu Muat:560ms
  6. Astra –Ukuran Halaman: 48.5KB;Waktu Muat:619ms
  7. Kadence –Ukuran Halaman: 54.8KB;Waktu Muat:628ms

Hasil Uji Performa Tema WordPress

Tema WordPress Terbaik untuk Melewati Data Web Inti pada tahun 2023

Fitur, harga, hasil kinerja - mari kita mulai dengan ikhtisar mendetail dari setiap pesaing.

1. Dua Puluh Dua Puluh Tiga - Tunas terbaik dengan Gutenberg

Dua Puluh Dua Puluh Tiga Tema WordPress

Tema default Dua Puluh Dua Puluh Tiga telah dikembangkan untuk menggunakan alat desain terbaru yang diperkenalkan di WordPress 6.1.

Tema ini menggunakan fondasi yang sederhana dan rapi serta menyediakan sepuluh variasi gaya berbeda yang disumbangkan oleh komunitas WordPress.

Twenty Twenty-Three memungkinkan Anda dengan mudah membuat situs web dengan tingkat kerumitan apa pun, baik dengan memanfaatkan gaya yang telah dirancang sebelumnya atau dengan mengambil pendekatan yang lebih praktis dan menyesuaikannya sesuai keinginan Anda.

Apa yang mencolok dari tema WordPress default terbaru adalah kesederhanaan dan ringannya. Twenty Twenty-Three fleksibel dan sangat cocok untuk fitur pengeditan situs Gutenberg, seperti pengeditan template, variasi gaya, tipografi, dan pola blok.

Harga: Gratis

Instalasi aktif: 800.000+

Fitur terbaik: Desain minimalis, ringan, gaya pra-desain

Cocok untuk: Menguji lingkungan dan membangun berbagai situs web

Apa yang ditunjukkan oleh pengujian kami

Dua Puluh Dua Puluh Tiga mencapai hasil yang luar biasa pada ketiga tes tersebut. Lebih penting lagi, Core Web Vitals yang berbasis lab berada di posisi hijau, prasyarat untuk kinerja dunia nyata yang luar biasa.

Dua Puluh Dua Puluh Tiga Hasil Uji Performa Tema WordPress

Di PSI, skornya sempurna di seluler dan desktop, mencapai 100/100 di kedua pengujian. Itu juga mencetak nilai A di GTmetrix (skor kinerja 98%, skor struktur 100%) dengan waktu muat 1,4 detik.

Tes Pingdom kami mengonfirmasi label "ringan" dari Dua Puluh Dua Puluh Tiga. Dengan Ukuran Halaman hanya 26,3KB, tema ini adalah pemenang yang jelas dari semua yang kami uji.

2. Halo Elementor - Tujuan E-niaga

Halo Tema WordPress Elementor

Elementor digunakan oleh 8,0% dari semua situs web, yang tidak mengherankan mengingat betapa mudahnya membuat halaman web. Yah, pengembang yang sama yang bertanggung jawab untuk membuat salah satu pembuat halaman paling populer telah menghasilkan tema yang cepat dan ringan bernama Hello Elementor.

Tema diiklankan agar cepat dan fleksibel. Seperti yang Anda duga, itu terintegrasi dengan mulus dengan Elementor dan banyak plugin lain seperti WooCommerce, Bidang Kustom Tingkat Lanjut, Yoast, dan lainnya.

Selain itu, ia menawarkan 100+ desain siap pakai, yang memungkinkan Anda membuat situs web yang berfungsi sempurna dari awal.

Harga: Gratis

Instalasi aktif: 1+ juta

Fitur terbaik: Ringan, 100+ desain siap pakai, dapat disesuaikan

Cocok untuk: Membangun situs web dari awal

Apa yang ditunjukkan oleh pengujian kami

Seperti Dua Puluh Dua Puluh Tiga, Hello Elementor mendapatkan hasil CWV yang luar biasa baik di desktop maupun seluler.

Halo Hasil Tes Performa Elementor

Skornya sempurna di GTmetrix dan Pingdom. Faktanya, pengujian Pingdom kami memeringkatnya sebagai tema teringan kedua, dengan waktu muat 520ms, sama dengan tema default WordPress.

Anda harus menyadari bahwa meskipun dipasarkan sebagai perangkat yang ringan, Hello Elementor tidak dapat disesuaikan dengan sendirinya. Anda perlu menambahkan Elementor sebagai solusi pembuatan halaman, yang mungkin memengaruhi kinerja situs web Anda.

3. GeneratePress - Yang berbasis blok

Hasilkan Tekan Tema WordPress

GeneratePress adalah tema WordPress yang dirancang untuk memprioritaskan kecepatan, kegunaan, dan aksesibilitas.

Pemanfaatannya atas Gutenberg menjamin kebebasan Anda saat membuat konten. Jika Anda menggunakan pembuat halaman, Anda akan senang mendengar bahwa GeneratePress sepenuhnya kompatibel dengan semua yang utama, termasuk Beaver Builder dan Elementor.

GeneratePress sepenuhnya responsif dan telah diterjemahkan ke lebih dari 25 bahasa. Selain itu, ini mencakup 60+ kontrol warna, tipografi dinamis yang kuat, 5 lokasi navigasi, 5 tata letak bilah sisi, menu tarik-turun, dan 9 area widget.

Harga: Gratis; $59/tahun, $249/seumur hidup

Instalasi aktif: 500.000+

Fitur terbaik: Berorientasi pada kecepatan, responsif, kompatibel dengan pembuat halaman

Cocok untuk: Semua jenis situs web

Apa yang ditunjukkan oleh pengujian kami

Satu hal yang menarik perhatian kami saat mencari tema adalah pernyataan GeneratePress “100% Page Scores”. Jadi kami sangat ingin mengujinya.

Kita dapat mengatakan bahwa GeneratePress berbicara tentang pembicaraan dan berjalan. Itu mendapat skor kinerja yang hampir sempurna pada ketiga tes:

Hasil Tes Kinerja Tema WordPress Hasilkan

Mengenai ukuran halaman, kami terkejut dengan hasilnya. Menjalankan situs web kami melalui Pingdom, ukuran halaman mencapai 37,7KB, sedikit berbeda dari “7,5KB” yang mereka janjikan di situs web mereka.

4. Neve - Serbaguna

Tema Neve WordPress

Neve adalah tema serbaguna dan cepat yang dapat disesuaikan untuk berbagai tujuan. Ini sangat ideal untuk blogger, bisnis kecil, startup, agensi, perusahaan, dan toko e-niaga menggunakan etalase WooCommerce, situs portofolio pribadi, dan berbagai proyek lainnya.

Ini dioptimalkan untuk AMP dan daya tanggap, memastikan waktu pemuatan cepat dan tampilan optimal di perangkat apa pun. Meskipun memiliki desain minimalis, Neve dapat dengan mudah diperluas dan menampilkan kode yang sangat dioptimalkan untuk SEO yang dapat menghasilkan peringkat pencarian Google teratas.

Neve juga kompatibel dengan Gutenberg dan pembuat halaman populer seperti Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, dan Divi.

Harga: Gratis; $69/tahun; $149/tahun; $249/tahun

Instalasi aktif: 300.000+

Fitur terbaik: Responsif, dioptimalkan untuk SEO, desain minimalis

Cocok untuk: Berbagai tujuan dan situs

Apa yang ditunjukkan oleh pengujian kami

Mengenai Core Web Vitals dan skor performa, Neve sama bagusnya dengan opsi sebelumnya.

Hasil Tes Performa Tema Neve WordPress

Alasannya berada di urutan keempat dalam daftar kami adalah ukuran halaman dan waktu muat, tetapi itu tidak akan menghentikan Anda untuk mengujinya.

Salah satu manfaat Neve adalah menggunakan vanilla JS daripada kerangka kerja seperti JQuery. Ini berkontribusi pada peningkatan kinerja dan menghasilkan situs web yang lebih responsif.

5. Sydney - Pekerja lepas menyukainya

Tema WordPress Sydney

Sydney adalah tema yang kuat yang memungkinkan bisnis atau pekerja lepas dengan cepat membangun kehadiran online yang luar biasa.

Tema ini sepenuhnya kompatibel dengan Elementor dan menawarkan berbagai opsi penyesuaian, termasuk akses ke semua Google Font, kontrol warna lengkap, kontrol tata letak, pengunggahan logo, penggeser layar penuh, gambar tajuk, navigasi lengket, dan banyak fitur lainnya.

Selain itu, Sydney menyediakan semua blok bangunan yang diperlukan untuk segera membuat halaman yang menarik.

Harga: Gratis; $69/tahun, $99/tahun; $199/seumur hidup

Instalasi aktif: 100.000+

Fitur terbaik: Akses ke Google Fonts, kontrol warna

Cocok untuk: Website bisnis

Apa yang ditunjukkan oleh pengujian kami

Setelah menyelesaikan penginstalan baru Sydney, kami menguji kinerja tema.

Hasil:

Itu memiliki semua bahan untuk membangun situs web yang akan memuaskan pengunjung dan mesin pencari Anda.

Hasil Tes Performa Tema WordPress Sydney

Dalam hal kecepatan dan Core Web Vitals, peringkat Sydney sama dengan tema lainnya. Namun, ukuran halaman total dua kali lebih besar (48.1KB) dari Dua Puluh Dua Puluh Tiga.

6. Astra - Dikenal semua, dicintai semua

Tema WordPress Astra

Astra adalah tema WordPress paling populer. Ini cepat, dapat disesuaikan sepenuhnya, dan menarik secara visual, menjadikannya pilihan yang cocok untuk berbagai keperluan, seperti blogging, portofolio pribadi, situs web bisnis, dan etalase WooCommerce.

Astra juga didesain agar ringan, dengan ukuran frontend kurang dari 50KB, berkontribusi pada kecepatannya yang tak tertandingi. Tema dibuat dengan mempertimbangkan SEO, mengintegrasikan kode Schema.org dan dukungan Native AMP untuk meningkatkan visibilitas mesin telusur situs Anda.

Selain itu, Astra menawarkan fitur dan template unik yang kompatibel dengan pembuat halaman populer seperti Elementor, Beaver Builder, Visual Composer, SiteOrigin, dan Divi, memastikan integrasi tanpa batas dengan pembuat halaman pilihan Anda.

Harga: Gratis; $47/tahun, $137/tahun; $187/tahun; pilihan seumur hidup tersedia

Instalasi aktif: 1+ juta

Fitur terbaik: Situs web siap pakai, beberapa opsi yang dapat disesuaikan, cepat

Cocok untuk: Setiap situs web

Apa yang ditunjukkan oleh pengujian kami

Bertentangan dengan ekspektasi kami, kinerja Astra tidak sebaik yang kami kira. Ya, skor seluler PSI sangat bagus, tetapi menunjukkan hasil di bawah standar di desktop.

Hasil Uji Kinerja Tema Astra WordPress

Juga, mengejutkan bahwa skor kinerjanya hanya 85% di GTmetrix. Namun demikian, semua metrik lainnya mirip dengan pemimpin di peringkat kami.

7. Kadence - Favorit rendah hati

Tema WordPress Kadence

Kadence adalah tema WordPress yang ringan dan dikemas dengan fitur, memungkinkan Anda membuat situs web yang indah, memuat cepat, dan dapat diakses dengan mudah.

Salah satu fitur utamanya adalah pembuat header dan footer drag-and-drop yang intuitif yang memungkinkan Anda membuat semua jenis header dalam hitungan menit. Tema ini juga menawarkan perpustakaan komprehensif template pemula yang menakjubkan yang dapat dengan mudah dikustomisasi dengan bantuan kontrol warna dan font global yang cerdas.

Selain itu, Tema Kadence sangat kompatibel dengan plugin pihak ketiga yang paling populer, memungkinkan Anda mengembangkan situs web eCommerce yang mengesankan, situs web kursus, situs web bisnis, dan jenis situs lainnya dengan cepat.

Harga: Gratis; $129/tahun pertama, $199/tahun pertama

Instalasi aktif: 200.000+

Fitur terbaik: Seret dan lepas yang intuitif, templat pemula, mengutamakan kinerja

Cocok untuk: Semua jenis situs web

Apa yang ditunjukkan oleh pengujian kami

Kadence memiliki ukuran halaman default 54,8KB. Meskipun merupakan yang terbesar di grup, ia masih berhasil unggul dalam tes PSI dan mendapat nilai A di GTmetrix.

Hasil Tes Performa Tema WordPress Kadence

Mempertimbangkan berapa banyak paket tema ini, itu dapat ditingkatkan secara drastis dengan beberapa pengoptimalan dan plugin pengoptimalan kecepatan situs yang bagus.

Tema Mana Yang Harus Saya Instal?

Mereka semua.

Ya, Anda sudah membacanya dengan benar.

Kami mempersempit daftar kami menjadi hanya 7 tema karena kami ingin memberi Anda sejumlah kecil opsi yang dapat Anda uji sendiri.

Jauh lebih cepat dan lebih mudah untuk menelusuri sendiri tujuh tema daripada membuat Anda kewalahan dengan daftar 50+ tema yang sangat banyak.

Kami percaya bahwa yang termasuk dalam artikel ini menawarkan fondasi terbaik untuk membangun dan memiliki situs web yang berkinerja baik.

Dan kami menekankan pada pondasi.

Dalam penelitian kami, kami menguji tema tanpa konten atau plugin apa pun yang ditambahkan di atasnya.

Jadi kami menyarankan untuk mencoba semuanya, bermain dengan fitur penyesuaiannya, menambahkan beberapa konten, dan memasang beberapa plugin.

Kemudian, uji dan lihat apa yang memberikan hasil terbaik berdasarkan kebutuhan dan persyaratan khusus Anda.

Cara Meningkatkan Lebih Lanjut Data Web Inti Anda [Daftar Periksa]

Membuat tema dengan kecepatan yang dioptimalkan akan memberi Anda awal yang baik dalam perjalanan Core Web Vitals Anda.

Namun, dalam banyak kasus, hanya mengandalkan tema cepat tidak cukup untuk mendapatkan skor Anda.

Itulah mengapa kami telah menyiapkan daftar singkat praktik baik yang dapat Anda ikuti untuk mengoptimalkan setiap metrik CWV:

1. Contentful Paint (LCP) Terbesar

  • Gunakan tema yang ringan
  • Jangan menggembungkan situs Anda dengan plugin yang tidak perlu
  • Kompres gambar Anda
  • Sajikan gambar dalam format generasi berikutnya
  • Pramuat gambar pahlawan Anda
  • Perkecil dan kompres file kode Anda
  • Menerapkan CSS Kritis
  • Gunakan CDN
  • Instal plugin caching

2. Penundaan Input Pertama (FID)

  • Tunda atau hapus skrip pihak ketiga yang tidak penting
  • Perkecil dan kompres file kode Anda
  • Kurangi CSS yang tidak terpakai
  • Tunda JavaScript yang tidak digunakan

3. Pergeseran Tata Letak Kumulatif (CLS)

  • Tambahkan atribut lebar dan tinggi ke gambar dan video
  • Cadangan ruang untuk iklan, penyematan, dan iFrame
  • Optimalkan pengiriman font

Meskipun mungkin tampak seperti banyak pekerjaan, manfaat menerapkan semua praktik terbaik ini pada akhirnya akan menghasilkan hasil bisnis dunia nyata yang luar biasa.

Yang harus Anda lakukan adalah mengoptimalkan satu hal pada satu waktu.

Atau…

Lewati Core Web Vitals Anda dengan autopilot dengan NitroPack →