10 Tema WooCommerce Tercepat di 2022 (Berdasarkan Pengujian Mendalam Kami)

Sebuah toko yang menghasilkan $30.000 per bulan bisa kehilangan $25.000 per tahun dalam pendapatan karena penundaan hanya satu detik. Untuk toko yang lebih lambat dari itu, kerugiannya akan lebih besar.

Salah satu komponen kunci dari toko WooCommerce cepat adalah temanya. Memilih tema yang salah dapat memperlambat toko Anda dan merugikan bisnis Anda dengan mengurangi konversi, berdampak negatif pada pengalaman pengguna, dan merusak peringkat mesin telusur.

Jadi untuk membantu Anda memastikan bahwa tema Anda tidak mencegah situs web Anda memuat secepat mungkin, kami telah membandingkan kinerja 10 tema WooCommerce tercepat yang tersedia pada tahun 2022.

Beberapa di antaranya telah dirancang secara eksplisit untuk toko WooCommerce, sementara yang lain adalah opsi tujuan umum yang memiliki template dan fitur eCommerce yang bagus. Sebagian besar dari tema-tema ini mengklaim sebagai yang tercepat yang tersedia, sementara yang lain telah disertakan karena merupakan opsi yang sangat populer.

Ringkasan Hasil

Anda dapat melihat hasil lengkap pengujian dan mengetahui dengan tepat bagaimana pengujian dijalankan nanti di artikel ini; namun, inilah ringkasan singkat yang menjelaskan tema mana yang tercepat.

Untuk pengujian, kami menggunakan Google PageSpeed ​​Insights (PSI) dan Pingdom. Sebelum menjalankan tes, dan setelah setiap tema diaktifkan, situs web di-refresh untuk menyiapkan cache internal setiap tema. Baik PSI dan Pingdom memberikan nilai kinerja keseluruhan, mendapat skor dari 100, serta informasi yang lebih rinci tentang kinerja situs.

PSI juga mengukur kinerja tema di desktop dan perangkat seluler. Dengan Pingdom, hanya pengalaman desktop yang dievaluasi. Halaman produk tunggal dan beranda toko di setiap situs diuji.

Berdasarkan rata-rata tingkat kinerja PSI dari dua halaman (produk tunggal dan beranda toko), tema dengan kinerja terbaik, menurut PSI, adalah:

• Tingkat kinerja PSI seluler terbaik: Shoptimizer (tingkat rata-rata 93,5).
• Kelas kinerja PSI desktop terbaik: Botiga (kelas rata-rata 92,5).
• Tingkat kinerja desktop dan seluler PSI terbaik secara keseluruhan: Shoptimizer (tingkat rata-rata 86,25).

Seperti yang akan Anda lihat di artikel ini, hasil tes lebih dari sekadar nilai kinerja; namun, mereka memberikan gambaran yang baik tentang seberapa cepat sebuah tema.

Penundaan Input Pertama dan Waktu Pemblokiran Total

Salah satu metrik yang berguna untuk dilihat dalam hasil adalah Total Blocking Time (TBT). TBT memberikan indikasi yang baik tentang berapa lama waktu yang dibutuhkan halaman untuk menjadi interaktif, misalnya, tindakan dapat dilakukan saat pengguna mengklik tombol atau elemen halaman interaktif lainnya. Ini berperan dalam First Input Delay (FID) dan seberapa cepat pengguna melihat sebuah halaman.

FID mengukur waktu dari saat pengguna pertama kali berinteraksi dengan halaman hingga saat browser benar-benar dapat mulai memproses respons terhadap interaksi tersebut. Meskipun FID tidak dapat diukur dalam uji lab, waktu pemblokiran halaman, yang diukur dengan PSI, berkorelasi baik dengan FID.

Menurut Google, jika waktu pemblokiran tugas lebih lama dari 50 mdtk, "kemungkinan pengguna akan melihat penundaan itu dan menganggap halaman itu lamban atau tersendat-sendat." TBT halaman adalah jumlah waktu pemblokiran untuk setiap tugas panjang yang terjadi antara nyeri konten pertama (FCP) dan waktu untuk interaktif (TTI).

Apa pun yang dapat Anda lakukan untuk meningkatkan TBT juga harus meningkatkan FID, yang pada gilirannya meningkatkan seberapa cepat pengguna mengalami halaman.

Hampir semua tema yang diuji memiliki skor TBT yang bagus untuk desktop, tetapi hanya GeneratePress, OceanWP, dan Storefront yang benar-benar baik dalam pengujian TBT seluler.

Melihat semua hasil, dan bukan hanya TBT, Shoptimizer adalah yang terbaik secara keseluruhan, meskipun rata-rata kinerja ponsel PSI (79) sedikit lebih rendah daripada beberapa tema lainnya. Oleh karena itu, Anda mungkin lebih tertarik pada tema GeneratePress karena tema ini mendapatkan skor yang baik di seluler dan desktop (masing-masing 82,5 dan 88,5) saat membuat rata-rata skor untuk satu halaman dan beranda toko.

Karena penjualan eCommerce ritel seluler di seluruh dunia terus tumbuh, melonjak dari $2,9 miliar pada tahun 2020 menjadi $3,5 miliar pada tahun 2021, menurut Statista, sangat penting bagi Anda untuk memilih tema yang cepat untuk pengguna desktop dan seluler. Berdasarkan ini, GeneratePress, adalah opsi terbaik di luar kotak, menurut tes PSI.

Pingdom, yang mengukur ukuran halaman, waktu buka, dan jumlah permintaan, sekaligus memberikan nilai kinerja, menemukan Astra memiliki halaman produk dan toko tunggal tercepat, meskipun Botiga dan GeneratePress memiliki nilai kinerja rata-rata yang sedikit lebih tinggi.

Manakah Tema WooCommerce Tercepat di 2022?

Karena tema diuji terhadap berbagai kriteria dari Pingdom dan PSI, tidak mudah untuk memilih pemenang yang jelas tentang tema WooCommerce tercepat di tahun 2022.

Namun, tema yang memiliki performa terbaik di semua pengujian adalah Boitga, GeneratePress, dan Shoptimizer.

Anda dapat melihat detail lengkap dari hasil pengujian di bawah ini untuk membantu Anda menemukan tema tercepat untuk toko Anda.

Tema WooCommerce Tercepat

Berikut adalah detail tema tercepat untuk WooCommerce, tercantum dalam urutan abjad.

Astra

Astra tersedia dalam versi gratis dan berbayar dan merupakan tema WordPress yang sepenuhnya dapat disesuaikan.

Ada banyak template yang dirancang dengan baik untuk dipilih saat menyiapkan toko Anda. Mampu mengedit template Astra dengan Beaver Builder, Brizy, Elementor, dan WordPress Block Editor memberi Anda banyak kebebasan berkreasi.

Astra versi gratis dan berbayar memiliki fitur ramah WooCommerce yang berguna untuk meningkatkan toko Anda, meskipun Anda mendapatkan lebih banyak dengan versi berbayar.

Fitur Utama

• Seluruh tema dapat diedit, termasuk header dan footer.
• Banyak template eCommerce yang dapat diedit sepenuhnya.
• Kemampuan untuk membuat header khusus seluler terpisah untuk UX yang lebih baik.

Hasil Tes Astra

Astra memiliki beberapa nilai kinerja Pingdom tertinggi. PSI memberi Astra peringkat yang sangat positif untuk pengguna desktop tetapi di bawah rata-rata untuk kinerja seluler. Secara keseluruhan, ini adalah tema WooCommerce yang cepat tetapi ada opsi yang lebih cepat dalam koleksi ini.

Botiga

Botiga adalah WooCommerce lain yang tersedia dalam versi gratis dan berbayar.

Di antara fitur WooCommerce, Anda akan menemukan beberapa gaya daftar produk, pilihan desain galeri produk, dan dua tata letak keranjang yang berbeda. Anda juga dapat menggunakan filter dan rekomendasi produk untuk mempromosikan inventaris Anda. Fitur premium termasuk daftar keinginan, tombol add-to-cart yang lengket, dan tata letak header dan footer tambahan.

Fitur Utama

• Dua demo toko eCommerce.
• Desain bersih dan minimal yang sangat dapat disesuaikan.
• Kumpulan header yang dioptimalkan untuk seluler.

Hasil Tes Botiga

Botiga adalah salah satu tema tercepat yang diuji untuk artikel ini. Skor PSI desktop sangat bagus, meskipun ada beberapa tema lain dengan skor PSI seluler yang lebih tinggi.

divisi

Divi adalah tema WordPress unggulan dari Elegant Themes. Muncul dengan sejumlah besar paket situs web yang menarik dan templat individual, termasuk banyak opsi eCommerce.

Divi juga dibundel dengan alat pembuat halaman yang kuat yang terintegrasi ke dalam tema. Divi Builder memberi Anda kendali penuh atas desain situs web Anda dan merupakan saingan kuat bagi plugin WordPress terbaik jenis ini.

Karena Divi memiliki fitur pengujian A/B yang mudah digunakan, Anda dapat menjalankan eksperimen untuk mengoptimalkan toko Anda untuk rasio konversi yang lebih tinggi.

Fitur Utama

• Perpustakaan besar demo toko online yang dapat diedit sepenuhnya.
• Pembuat halaman terintegrasi dengan pengeditan situs lengkap.
• Modul konten yang dapat disesuaikan.

Hasil Tes Divi

Divi memiliki beberapa ukuran halaman terbesar, kedua setelah OceanWP, dan ini tampaknya berdampak negatif pada beberapa skornya. Sementara PSI menganggap kinerja desktop bagus, kinerja seluler termasuk yang terburuk.

HasilkanTekan

Tersedia dalam versi gratis dan berbayar, GeneratePress mengklaim sebagai tema WordPress tercepat yang tersedia. Membayar untuk versi premium memberi Anda akses ke lebih banyak templat dan akses ke saluran dukungan premium.

Untuk membantu Anda meluncurkan toko Anda, GeneratePress hadir dengan sejumlah template eCommerce. Karena tema ini memiliki editornya sendiri, Anda dapat menyesuaikan semua aspek situs web Anda melalui antarmuka visual.

Fitur Utama

• Beberapa demo situs web toko eCommerce.
• Alat pembuat tema berbasis blok.
• Opsi tajuk khusus seluler.

Hasilkan Hasil Tes Pers

GeneratePress adalah tema WooCommerce berperforma terbaik yang diuji secara keseluruhan, berkat skor tinggi dalam nilai kinerja seluler dan desktop PSI. Itu juga berhasil dengan baik dalam tes Pingdom.

kadence

Kadence adalah tema gratis lainnya yang dapat ditingkatkan dengan menginstal add-on premium.

Kadence juga dilengkapi dengan perpustakaan besar demo situs web gratis dan berbayar, termasuk sejumlah desain eCommerce. Pengguna WooCommerce dapat membeli kit toko Kadence untuk menambahkan lebih banyak fitur eCommerce ke toko mereka, termasuk zoom gambar produk, pemberitahuan keranjang, ulasan lanjutan, dan banyak lagi.

Fitur Utama

• Pemilihan template header dan footer yang dapat diedit sepenuhnya.
• Pengaturan global memudahkan untuk menyesuaikan toko Anda dan menjaga tampilan yang konsisten di seluruh.
• Kompatibel dengan Beaver Builder dan Elementor.

Hasil Tes Kadence

Kadence melakukannya dengan baik dalam tes Pingdom, dengan nilai kinerja yang sangat baik untuk beranda toko. Namun, skor kinerja seluler di PSI tidak sebagus beberapa kompetisi.

Neve

Neve hadir dalam beberapa variasi berbeda, termasuk paket Bisnis premium yang menyertakan banyak fitur WooCommerce tambahan.

Ada juga versi gratis terbatas, jadi Anda bisa mencobanya sebelum membeli. Namun, membayar ekstra untuk lisensi Bisnis atau Agensi memberi Anda akses ke lebih banyak tata letak toko, fitur daftar keinginan, beberapa gaya checkout, dan banyak lagi.

Neve juga memiliki desain mobile-first yang akan membuat toko WooCommerce Anda sangat mudah dijelajahi di perangkat layar yang lebih kecil. Kompatibilitas dengan plugin pembuat halaman WordPress terkemuka berarti Anda dapat mengedit situs web Anda dengan alat pilihan Anda atau cukup menggunakan editor blok WordPress default.

Fitur Utama

• Banyak fitur untuk toko WooCommerce.
• Bekerja dengan pembuat halaman pihak ketiga terkemuka.
• Lebih dari 100 situs pemula yang dapat diedit, termasuk banyak opsi eCommerce.

Hasil Tes Neve

Neve adalah salah satu tema yang lebih cepat diuji. Namun, itu hanya sedikit tertinggal pada beberapa tes seluler PSI, dibandingkan dengan tema tercepat dalam perbandingan ini.

OceanWP

OceanWP adalah tema multiguna dengan banyak demo toko eCommerce yang tersedia dalam versi berbayar. Versi gratisnya hadir dengan beberapa demo eCommerce, tetapi memutakhirkan ke versi berbayar membuka lebih banyak demo dan fitur tambahan.

Bergantung pada demo mana yang Anda pilih, Anda dapat mengedit seluruh situs Anda, termasuk header dan footer, menggunakan plugin pembuat halaman Elementor. Versi berbayar OceanWP menyertakan pilihan modul Elementor yang dibuat khusus yang memberi Anda lebih banyak kebebasan berkreasi.

Fitur Utama

• Sejumlah besar demo situs web siap pakai, termasuk banyak desain eCommerce.
• Modul yang dibuat khusus untuk Elementor.
• Tiga gaya menu seluler untuk UX seluler yang ditingkatkan.

Hasil Tes OceanWP

OceanWP memiliki ukuran halaman terbesar dan sebagian besar permintaan menurut Pingdom, dan karena ini memiliki beberapa waktu muat paling lambat. Skor ponsel PSI juga termasuk yang terburuk. Namun, kinerja desktop di PSI baik-baik saja.

Pengatur toko

Shoptimizer adalah tema yang berfokus pada WooCommerce yang dibuat dengan mempertimbangkan kecepatan dan konversi.

Untuk membantu mempercepat toko Anda, Shoptimizer telah diperkecil, dan CSS kritis diaktifkan di luar kotak. Fitur yang berfokus pada konversi yang dapat menghasilkan lebih banyak penjualan di toko Anda termasuk pengalaman checkout bebas gangguan, kemampuan untuk menampilkan informasi pengiriman dan pengembalian di halaman produk, dan lencana kepercayaan untuk meyakinkan pelanggan Anda.

Fitur Utama

• Penghitung stok dan penghitung waktu mundur untuk menghasilkan penjualan.
• Pemberitahuan penjualan geser untuk meningkatkan bukti sosial.
• Desain mobile-first untuk UX smartphone yang ditingkatkan.

Hasil Tes Shoptimizer

Shoptimizer memiliki tingkat kinerja desktop PSI rata-rata terbaik serta tingkat kinerja seluler yang tinggi. Hasil Pingdom juga mengesankan.

etalase

Storefront adalah tema WooCommerce resmi, dan gratis untuk digunakan.

Versi gratis dari Storefront hampir cukup untuk memulai dan membuat beberapa penyesuaian pada desainnya. Namun, jika Anda benar-benar ingin membuat toko yang dipersonalisasi, Anda harus membeli Bundel Ekstensi Etalase atau beberapa ekstensi individual.

Fitur Utama

• Desain minimal untuk UX yang rapi.
• Perpustakaan tema anak untuk mengubah tampilan toko Anda dengan cepat.
• Dibangun dan dikelola oleh tim yang bertanggung jawab untuk WooCommerce.

Hasil Tes Etalase

Storefront memiliki skor kinerja desktop rata-rata yang sangat baik di PSI tetapi dikecewakan oleh skor seluler yang relatif rendah. Hasil Pingdom bagus, tapi bukan yang terbaik.

Woostifikasi

Woostify adalah tema WooCommerce gratis lainnya yang dapat ditingkatkan dengan add-on berbayar.

Versi inti Woostify telah dirancang untuk seringan mungkin, dengan tujuan meningkatkan waktu muat. Karena fitur tambahan dapat ditambahkan melalui ekstensi, Anda dapat menghindari membebani situs Anda dengan hanya menginstal add-on yang Anda butuhkan. Semua situs add-on dan starter tersedia dengan satu harga, bukan per add-on.

Fitur Utama

• Situs pemula gratis dan berbayar yang dapat diedit dengan Elementor.
• Add-on berbayar yang menyertakan fitur WooCommerce dan lebih banyak opsi penyesuaian.
• Beberapa halaman produk, tata letak daftar, dan templat tajuk.

Hasil Tes Woostify

Woostify memiliki beberapa skor terburuk dalam perbandingan ini, terutama dalam hal kinerja seluler.

Tentang Tes

Untuk pengujian, instalasi baru dibuat di situs WordPress yang dihosting oleh SiteGround. WooCommerce telah diinstal di situs dan data penyimpanan sampel untuk plugin telah diimpor.

Kinerja satu halaman produk dan beranda toko kemudian diuji di Pingdom dan Google PageSpeed ​​Insights. Lokasi pengujian yang sama, yang merupakan lokasi terdekat dengan tempat situs dihosting, dipilih di Pingdom.

Untuk setiap pengujian, tema yang berbeda diaktifkan dan digunakan dalam status default. Tidak ada demo tema yang diimpor, dan tidak ada plugin tambahan yang dipasang. Karena tidak ada alat kinerja yang digunakan, Anda bisa mendapatkan hasil yang lebih baik lagi dengan mengaktifkan caching, menggunakan CDN, mengoptimalkan gambar, dan menerapkan minifikasi. Salah satu alat yang dapat membantu Anda melakukan semua itu adalah NitroPack.

Vital Web Inti

Core Web Vitals (CWV) adalah kumpulan tes yang digunakan Google untuk memberikan skor performa keseluruhan pada halaman. Halaman dapat dinilai baik, perlu perbaikan, dan buruk. Agar halaman lulus tes CWV dan mencapai peringkat yang baik, skor kinerja harus berada dalam kisaran 90 hingga 100.

Skor CWV didasarkan pada hasil pengujian Largest Contentful Paint (LCP), First Input Delay (FID), dan Cumulative Layout Shift (CLS). Untuk lulus tes CWV, sebuah halaman harus mendapat skor bagus untuk ketiga komponen.

Secara umum, tes ini tidak hanya melihat kecepatan halaman tetapi juga seberapa responsif dan stabil secara visual.

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

Pada artikel ini, Anda dapat menemukan skor LCP dan CLS untuk tema yang diuji. Seperti disebutkan, FID tidak tersedia melalui tes lab PSI, tetapi TBT terkait erat dengan FID.

Skor CWV yang baik dapat membantu memberikan pengalaman pengguna yang positif dan juga berkontribusi pada peningkatan peringkat mesin pencari.

Seperti yang dapat Anda lihat dari hasil di atas, dalam pengujian desktop, tiga tema mendapat nilai kinerja 90 atau lebih tinggi untuk satu halaman produk, dan delapan tema mendapat skor di atas 90 dalam pengujian beranda toko. Tak satu pun dari tema mencapai nilai kinerja kelulusan 90 atau lebih tinggi untuk pengujian seluler. Namun, GeneratePress, Kadence, dan Shoptimizer paling mendekati skor 90.

Ringkasan

Seperti yang Anda lihat, pilihan Anda dalam tema memengaruhi kecepatan toko Anda, terutama dalam hal pengalaman seluler.

Sebagian besar dari tema-tema ini berkinerja baik, dengan nilai kinerja yang baik dan skor lainnya. Namun, ada beberapa yang menonjol dari kompetisi, dengan kinerja Botiga, GeneratePress, Neve, dan Shoptimizer yang sangat baik.

Divi, OceanWP, dan Woostify tampaknya paling kesulitan, terutama dalam hal hasil seluler PSI.

Seperti yang telah kita bahas sebelumnya, belanja online seluler terus meningkat popularitasnya sehingga penting untuk memilih tema yang dimuat dengan cepat untuk audiens ini.

Terlepas dari tema yang Anda pilih, pastikan untuk mengoptimalkan situs Anda daripada hanya menggunakan pengaturan default WordPress, host Anda, dan tema Anda. Alat seperti NitroPack, yang kompatibel dengan semua tema di atas, dapat dengan cepat meningkatkan kinerja situs Anda dalam beberapa cara, termasuk seberapa cepat memuat di perangkat seluler.