Toko WooCommerce yang lambat dapat merugikan Anda dalam berbagai cara, mulai dari meningkatnya pengabaian keranjang belanja hingga kehilangan loyalitas pelanggan. Menurut Unbounce, hampir 70% konsumen mengatakan kecepatan halaman memengaruhi keinginan mereka untuk membeli dari toko online. Masalahnya di sini adalah kecepatan bergantung pada banyak faktor, dan peningkatannya mungkin memerlukan banyak waktu dan usaha.
Menurut Portent, tingkat konversi situs web menurun rata-rata 4,42% untuk setiap detik yang dibutuhkan halaman untuk dimuat antara detik 0 dan 5, dengan halaman yang waktu muatnya antara 0 dan 2 detik memiliki tingkat konversi eCommerce tertinggi.
Jika kecepatan muat situs web Anda lebih dari 2-3 detik, artikel ini adalah yang Anda butuhkan. Di sini, Anda akan menemukan beberapa tips terbukti tentang mengukur dan meningkatkan kinerja situs web eCommerce.
Mengapa Kecepatan Penting?
Kecepatan situs web adalah elemen penting untuk keberhasilan setiap usaha online, termasuk toko WooCommerce, karena beberapa alasan:
Pengalaman Pengguna:
Pengguna internet biasanya memiliki rentang perhatian yang pendek. Waktu muat yang lambat dapat mengakibatkan pengunjung meninggalkan situs web Anda bahkan sebelum dimuat sepenuhnya. Sebaliknya, situs web yang cepat membuat navigasi lebih mudah, mendorong pengguna untuk menjelajahi lebih banyak halaman dan tinggal lebih lama.
SEO dan Peringkat:
Kecepatan halaman adalah salah satu faktor peringkat paling penting untuk Google. Metrik seperti Largest Contentful Paint (LCP), First Input Delay (FID), dan Cumulative Layout Shift (CLS) adalah bagian dari faktor peringkat Google. Situs web yang lebih cepat memiliki lebih banyak peluang untuk mendapat peringkat lebih tinggi di mesin pencari. Dengan meningkatnya pencarian seluler, kecepatan halaman seluler juga secara signifikan memengaruhi SEO.
Efisiensi Biaya:
Situs web yang dioptimalkan dan lebih cepat umumnya mengonsumsi lebih sedikit bandwidth dan dapat menghasilkan biaya hosting yang lebih rendah. Situs yang lebih cepat juga memerlukan lebih sedikit waktu dan usaha untuk dipelihara.
Pengguna Seluler:
Dengan meningkatnya jumlah pengguna yang mengakses situs melalui perangkat seluler, di mana kecepatan koneksi mungkin lebih lambat, kecepatan situs web yang dioptimalkan menjadi lebih penting. Pemuatan yang lambat bisa menjadi lebih bermasalah pada perangkat seluler dan menyebabkan tingkat pentalan yang lebih tinggi.
Jangkauan Global:
Pengguna dari berbagai wilayah dengan kecepatan internet yang bervariasi dapat memiliki pengalaman yang konsisten jika situs web Anda dioptimalkan untuk kecepatan. Situs web yang lebih cepat bermanfaat jika Anda menargetkan audiens global dan menggunakan Jaringan Pengiriman Konten (CDN) untuk menyajikan konten yang dilokalkan.
Bagaimana Cara Mengevaluasi Kecepatan Toko Saat Ini?
Sebelum memulai proses perbaikan, Anda perlu menentukan di mana posisi Anda sekarang dan mencari tahu kecepatan toko saat ini dan masalah apa yang mungkin memperlambat situs Anda. Berikut adalah beberapa metode dan alat yang dapat Anda gunakan untuk mengevaluasi kecepatan situs WooCommerce Anda:
Alat Pengujian Langsung
Alat-alat ini secara langsung menguji kinerja situs web Anda dengan memuatnya dari berbagai lokasi di seluruh dunia, mensimulasikan berbagai perangkat dan kecepatan koneksi:
- Google PageSpeed Insights: Memberikan wawasan kecepatan seluler dan desktop. Juga memberikan saran optimasi WooCommerce.
- GTmetrix: Melakukan analisis terperinci termasuk grafik air terjun, rekomendasi, dan berbagai skor.
- WebPageTest: Memberikan informasi terperinci seperti indeks kecepatan, waktu hingga byte pertama, dan banyak lagi.
Alat Pengembang Browser
Solusi ini, yang terpasang di browser modern, memungkinkan pengembang untuk memeriksa, men-debug, dan memprofilkan situs web:
- Chrome DevTools: Gunakan tab Jaringan dan Kinerja untuk menganalisis kecepatan situs.
- Alat Pengembang Firefox: Alat-alat ini memungkinkan pengembang untuk memeriksa, men-debug, dan memprofilkan halaman web, membantu mereka memahami perilaku dan struktur situs web.
Alat Sisi Server
Alat-alat ini dapat membantu mengidentifikasi masalah sisi server yang mungkin tidak terlihat dengan alat pengujian frontend:
- New Relic: Memberikan penyelaman mendalam ke dalam kinerja server, baik untuk menemukan hambatan back-end.
- Analisis Log: Menganalisis log server untuk menemukan masalah.
Pemeriksaan Berbasis Plugin
Plugin dapat menawarkan cara yang nyaman dan kuat untuk memantau berbagai aspek kinerja toko WooCommerce Anda langsung dari dalam area admin WordPress Anda. Berikut adalah beberapa pendekatan berbasis plugin yang populer:
- Query Monitor: Plugin WordPress untuk memeriksa kueri mana yang memperlambat situs web Anda.
- WP Debugging: Mengaktifkan fitur debugging WordPress untuk memeriksa masalah.
Pemantauan Pengguna Nyata
Pemantauan Pengguna Nyata (RUM) adalah pendekatan pemantauan kinerja yang menangkap dan menganalisis setiap transaksi oleh pengguna situs web atau aplikasi. Tidak seperti metode pemantauan sintetis, yang mensimulasikan perilaku pengguna, RUM mengumpulkan data dari interaksi pengguna yang sebenarnya dengan situs Anda.
Biasanya, Anda menambahkan sepotong kecil kode JavaScript ke situs web Anda, yang mengumpulkan dan mengirim data kinerja ke server untuk dianalisis. Inilah cara kerja sebagian besar alat RUM, meskipun detail implementasi spesifik dapat bervariasi. Di antara alat yang berguna untuk RUM adalah New Relic Browser, Boomerang, Akamai mPulse, dan lainnya.
14 Cara untuk Meningkatkan Kecepatan Toko WooCommerce
Sekarang setelah Anda mengetahui kecepatan muat saat ini dan masalah apa yang ada, Anda dapat membangun strategi optimasi. Perlu diingat bahwa Anda mungkin perlu memperbaiki beberapa aspek situs web untuk mencapai kecepatan toko WooCommerce yang hebat. Selain itu, Anda perlu memantau kecepatan sesekali, karena pada akhirnya bisa melambat. Berikut adalah beberapa saran tentang bagaimana Anda dapat meningkatkan kinerja situs Anda:
Temukan Hosting yang Andal
Meskipun pilihan yang salah dapat mengakibatkan klien yang tidak puas dan bisnis yang hilang, layanan hosting web WooCommerce yang ideal dapat menjamin kinerja yang sempurna, waktu muat yang cepat, dan waktu aktif yang konsisten.
Setiap jenis hosting dapat disediakan dalam berbagai paket dengan berbagai titik harga. Oleh karena itu, saat mencari penyedia hosting dalam kisaran harga Anda, pertimbangkan fitur seperti caching sisi server, bandwidth dan RAM yang memadai untuk permintaan situs Anda, penyimpanan SSD berkinerja tinggi, dan perangkat lunak yang diperbarui, seperti PHP dan MySQL.
Jika Anda memiliki paket hosting bersama, itu berarti ratusan situs web menggunakan server yang sama dan sumber dayanya. Pilih host yang membatasi jumlah situs web yang diizinkan di setiap server, atau pertimbangkan untuk meningkatkan ke paket VPS atau khusus.
Optimalkan Pengaturan Kinerja
Ubah URL halaman login Anda terlebih dahulu. URL login biasanya default dan diketahui semua orang, termasuk peretas, yang membuat situs web rentan terhadap serangan.
Anda dapat menghindari serangan brute force dari aktor jahat dengan mengubah URL login Anda menjadi sesuatu yang unik. Anda juga dapat menggunakannya untuk mencegah masalah HTTP pembatasan laju.
Jika situs web eCommerce Anda juga memiliki blog, batasi jumlah entri yang muncul di umpan blog Anda. Jika Anda mengelola blog populer, penghematan kinerja akan bertambah. Penyesuaian ini dapat dilakukan di pengaturan Membaca Dasbor WordPress.
Tangkapan layar diambil di situs web resmi WordPress
Matikan pingback di situs web Anda selanjutnya. Biasanya, mereka menghasilkan spam. WordPress juga memberi Anda kemampuan untuk membagi komentar pengguna yang besar menjadi bagian-bagian yang lebih kecil jika Anda memiliki banyak komentar dari pengguna di artikel atau halaman Anda. Untuk mengurangi waktu yang dibutuhkan halaman produk Anda untuk dimuat, pertahankan nilai ini antara 10 dan 20.
Pertimbangkan Kembali Penggunaan Plugin dan Ekstensi
Ada banyak sekali plugin untuk WooCommerce, yang memberikan fleksibilitas tak terbatas. Namun, ini tidak berarti Anda harus menginstal semuanya.
Banyak plugin meningkatkan jumlah file Javascript atau CSS di situs web Anda, yang menyebabkan server Anda menerima lebih banyak permintaan HTTP, memperlambat operasi bisnis Anda. Selain itu, memiliki lebih banyak plugin berarti menggunakan lebih banyak sumber daya server, yang memperlambat waktu muat.
Tidak peduli berapa banyak plugin yang Anda gunakan; yang penting adalah kualitasnya. Pilih plugin yang dapat melakukan banyak tugas, baca ulasan untuk mempelajari tentang kinerja, konfirmasikan bahwa mereka sering diperbarui, dan instal opsi dari sumber terkemuka.
Dapatkan Tema Ecommerce yang Cepat
Seringkali, saat memilih tema eCommerce, desainer situs web memilih estetika tanpa mempertimbangkan seberapa cepat halaman dimuat. Akibatnya, penampilan frontend seringkali lebih diutamakan daripada kecepatan pemuatan halaman.
Untuk mengoptimalkan waktu muat, pilih tema WooCommerce yang ringan dan dioptimalkan untuk kinerja. Pastikan tema tersebut responsif dan memiliki basis kode yang bersih.
Juga, perlu diingat bahwa banyak tema juga memungkinkan Anda menonaktifkan elemen yang tidak Anda gunakan. Untuk menentukan apakah tema dimuat dengan cepat, coba gunakan alat kecepatan untuk menguji halaman demo atau telusuri ulasan yang ditinggalkan oleh pengguna.
Kompres Gambar
Sangat penting untuk mengecilkan ukuran gambar Anda sebelum mempostingnya ke situs web Anda karena menggunakan gambar besar akan secara dramatis memperlambat kecepatan pemuatan halaman. Untuk menskalakan gambar ke ukuran yang tepat untuk situs web Anda, gunakan perangkat lunak seperti Photoshop, GIMP, atau Figma.
Ukuran file foto Anda dapat dikurangi tanpa kehilangan kualitas dengan kompresi. Pilih format yang sesuai; kecuali gambar Anda memiliki latar belakang transparan, gambar JPEG, yang lebih kecil, biasanya yang terbaik untuk diunggah. Perhatikan ukurannya: mengunggah gambar 2000 piksel tidak akan muat di tempat yang lebarnya hanya 500 piksel. Kompres gambar setelah memprosesnya: kompresor gambar mengurangi ukuran file dengan menghapus data dan metadata yang tidak perlu.
Terapkan Pemuatan Lambat
Fitur yang dikenal sebagai pemuatan lambat mencegah gambar dimuat sampai pengunjung situs menggulir ke bawah ke tempat gambar tersebut muncul di halaman. Akibatnya, klien Anda tidak perlu menunggu sementara media Anda dimuat agar mereka dapat melihat konten Anda. Jika situs web Anda memiliki banyak gambar, strategi ini dapat sangat mengurangi waktu pemuatan toko.
Anda dapat menginstal pemuatan lambat di toko WooCommerce Anda dengan menggunakan plugin WordPress. Plugin ini mempersingkat waktu yang dibutuhkan situs web Anda untuk dibuka pada awalnya.
Kirim Sumber Daya Statis melalui CDN
Jaringan pengiriman konten (CDN) adalah jaringan server yang diposisikan secara strategis di seluruh dunia. Points of Presence (PoP) adalah nama dari situs server ini. Caching dan pengiriman sumber daya statis seperti gambar, JavaScript, CSS, dll., adalah tugas utama CDN.
Bahkan jika situs web Anda dihosting di server yang sangat cepat, lokasinya akan tetap berdampak. Latensi jaringan dan waktu hingga byte pertama (TTFB) keduanya berkurang karena CDN, yang memperpendek jarak antara setiap pengguna dan sumber daya situs.
Ini secara otomatis memilih PoP CDN terdekat untuk menyediakan sumber daya yang di-cache berdasarkan asal permintaan. Banyak CDN menawarkan kemampuan peningkatan kinerja tambahan selain caching, seperti kompresi gambar on-the-fly yang lebih besar, dukungan HTTP/3, pencegahan hotlink, dan keamanan yang ditingkatkan.
Hilangkan Skrip dan Stylesheet yang Tidak Digunakan
Mayoritas plugin dan tema WordPress memuat skrip dan stylesheet di setiap halaman situs web Anda. Bahkan ketika tidak diperlukan di halaman, mereka tetap memuat item ini.
Dengan menghapus elemen-elemen yang tidak perlu ini dari situs web, Anda dapat mengurangi pembengkakan halaman dan mempercepat pemuatan halaman WooCommerce, yang dapat menghemat waktu Anda dalam menyiapkan situs baru dan menugaskan staf. WooCommerce rentan terhadap masalah ini, begitu juga dengan ekstensinya.
Lihatlah grafik air terjun di hasil tes kecepatan situs web Anda untuk menentukan apa yang harus dihapus. Ini akan membantu Anda mengidentifikasi aset yang tidak perlu.
Untuk menyingkirkan skrip dan gaya yang tidak Anda perlukan, gunakan wp_dequeue_script dan wp_dequeue_style. Asset CleanUp: Page Speed Booster adalah salah satu plugin yang memudahkan untuk mencapai tujuan yang sama.
Tangkapan layar diambil di situs web resmi WordPress
Beralih ke Caching
Caching adalah penyimpanan sementara sumber daya dari satu permintaan sehingga permintaan di masa mendatang dapat diproses dengan cepat. Baik server maupun perangkat pengguna mampu menampung cache.
Ketika pengguna membuat permintaan untuk situs web, server DNS memperoleh halaman web dari server hosting, dan aplikasi di server web menjalankan skrip, mencari database, dan menghasilkan halaman web, yang kemudian dirender dan ditampilkan kepada pengguna oleh browser. Server berada di bawah tekanan yang luar biasa ketika ribuan pengunjung membuat beberapa permintaan sekaligus, yang menyebabkan halaman dimuat dengan lambat.
Caching berperan dalam situasi ini. Ini mengurangi upaya yang diperlukan untuk menghasilkan tampilan halaman, mengurangi ketergantungan WordPress pada PHP dan database. WordPress beroperasi hampir secepat halaman web statis, jika tidak persis.
Caching sisi server dan caching browser adalah dua kategori utama caching online, masing-masing memiliki berbagai subkategori.
Batasi Revisi
WooCommerce menyediakan pemeriksaan revisi standar pada halaman produk yang memungkinkan Anda kembali dan melihat perubahan yang dibuat pada halaman tersebut. Meskipun modifikasi mungkin tampak menguntungkan, terkadang dapat menyebabkan masalah kinerja WooCommerce.
Sebagai ilustrasi, misalkan Anda membuat halaman dan mengeditnya beberapa kali, menambahkan atau menghapus satu elemen setiap kali. Anda memiliki duplikat halaman asli sebanyak perubahan yang Anda buat, meskipun perubahannya kecil. Kinerja WooCommerce pada akhirnya dapat menderita karena ini dan secara bertahap memburuk.
Anda perlu membuat penyesuaian tertentu pada file wp-config.php di root situs web untuk membatasi/menonaktifkan revisi.
Bersihkan Database
Setiap kali pengguna memasuki situs web Anda, mereka meminta konten situs web Anda, yang sebagian besar statis. Namun, mereka membuat permintaan dinamis saat melakukan pemesanan.
Jika database toko Anda tidak dioptimalkan, menangani kueri ini bisa memakan waktu terlalu lama. Waktu respons server yang lambat pada akhirnya menghasilkan situs web yang lambat. Akibatnya, Anda harus menghilangkan sampah yang tidak perlu untuk membersihkan dan mengoptimalkan database.
Ada beberapa pendekatan untuk optimasi database:
- Singkirkan revisi lama. Halaman, artikel, dan barang toko WooCommerce Anda akan dimuat dengan modifikasi usang jika sudah online untuk sementara waktu. Saatnya untuk membersihkannya. Metode termudah adalah menggunakan plugin seperti WP-Sweep atau WP Rocket.
- Hapus transien yang kedaluwarsa. Cache sementara yang salah terkadang menghasilkan lebih dari satu juta entri yang tidak berguna tanpa akhir yang jelas. Seiring waktu, sesi pelanggan dapat menumpuk, menambahkan ribuan entri tambahan ke tabel database Anda. Database yang membengkak dapat membuat situs web Anda mogok dalam keadaan seperti itu. Semua transien yang kedaluwarsa dapat dengan mudah dihapus dengan plugin gratis Delete Expired Transients.
Tangkapan layar diambil di situs web resmi WordPress
- Bersihkan tabel database Anda. Semua yang diperlukan untuk menjalankan bisnis eCommerce Anda disimpan di database WooCommerce Anda. Database Anda menjadi tidak efisien dan akhirnya menyimpan banyak data yang tidak penting ketika data ditambahkan dan dipindahkan di sekitar tabel. Membersihkan tabel database Anda sangat penting untuk menghapus info tambahan ini.
- Nonaktifkan fitur yang tidak penting tetapi membebani database. Tema dan plugin untuk WooCommerce memiliki banyak fitur cerdas yang awalnya tampak hebat tetapi akhirnya merusak database. Salah satu contohnya adalah plugin kompresi gambar, yang mengompres gambar di server yang sama yang menghosting situs web. Plugin yang menambahkan penghitung ke situs web Anda, seperti tampilan, komentar, dll., juga harus dihindari.
Lakukan Optimasi Seluler
Menurut Oberlo, 60% pembeli mengatakan bahwa pilihan berbelanja melalui seluler adalah kriteria penting dalam pemilihan merek. Oleh karena itu, optimasi seluler sangat penting.
Menggunakan tema responsif adalah pendekatan paling sederhana untuk mengadaptasi situs web WordPress Anda untuk perangkat seluler. Jaga agar halaman toko Anda sesederhana mungkin karena pelanggan seluler tidak suka menggulir tanpa henti. Jangan membebani mereka dengan informasi.
Jika bisnis Anda memiliki banyak item yang ditampilkan, permudah pelanggan seluler untuk mencarinya dengan menyediakan filter produk langsung. Pertimbangkan untuk menginstal plugin Pencarian Produk WooCommerce.
Gunakan alat Lighthouse Chrome atau alat Uji Ramah Seluler Google untuk melihat apakah situs web Anda memenuhi pedoman kegunaan seluler yang diperlukan.
Minimalkan Pengalihan
Server mencatat setiap klik pada tautan ke halaman di toko Anda sebagai pengalihan. Pada dasarnya, server harus mengarahkan pengguna ke halaman yang benar. Meskipun hanya butuh beberapa detik, pelanggan mungkin menganggapnya sebagai waktu yang lama, yang secara langsung memengaruhi tingkat pentalan toko Anda.
Jika situs web Anda memiliki banyak pengalihan, Anda menggunakan sumber daya server dan memperpanjang waktu yang dibutuhkan untuk mencapai halaman akhir. Akibatnya, mengurangi pengalihan akan menghasilkan peningkatan yang nyata dalam waktu muat halaman karena ini adalah pendekatan optimasi WooCommerce yang teruji dan terbukti.
Perbarui Versi PHP Anda dan Tingkatkan Batas Memori
Setiap pembaruan PHP lebih cepat dari versi sebelumnya. Host Anda menentukan versi PHP yang Anda gunakan, dan Anda sering kali dapat mengubahnya di panel kontrol hosting Anda. Namun, prosedur spesifiknya dapat bervariasi tergantung pada penyedia Anda. Atau, Anda bisa meminta layanan pelanggan untuk melakukannya untuk Anda. Sebelum memperbarui versi PHP Anda, buat cadangan situs web lengkap, lalu uji semuanya untuk memastikan berfungsi dengan benar.
Perusahaan hosting Anda telah mengalokasikan sejumlah memori tertentu ke situs web Anda. Namun, Anda bisa melampaui batas itu berdasarkan situs spesifik Anda. Anda selalu dapat menghubungi perusahaan hosting Anda jika panel kontrol hosting Anda tidak memungkinkan Anda mengubah batas. PHP menerima alokasi memori 32 MB dari WordPress secara default. Ini akan secara otomatis mencoba menaikkan batas ini menjadi 40 MB atau 64 MB jika mengalami masalah. Batas ini sering kali tidak akan cukup untuk situs WooCommerce. Disarankan untuk menaikkan batas ini menjadi 256 MB.
Kata Akhir
Dengan metode yang disediakan di atas, Anda dapat secara dramatis meningkatkan kecepatan toko WooCommerce Anda, mencakup berbagai hal mulai dari penyesuaian pengaturan dasar hingga solusi sisi server tingkat lanjut. Teknik-teknik ini ada untuk meningkatkan kecepatan situs web Anda dan harus menjadi bagian dari strategi berkelanjutan untuk tidak hanya meningkatkan tetapi juga mempertahankan kinerja situs.
Pada akhirnya, optimasi kecepatan bukanlah tugas satu kali tetapi komitmen berkelanjutan. Memantau kecepatan situs web Anda secara teratur menggunakan berbagai alat dan metode yang dibahas dapat memberikan wawasan berharga tentang seberapa baik upaya optimasi WooCommerce Anda bekerja.
