12 Cara Mudah Mempercepat Toko WooCommerce Anda

Hosting WooCommerce Terkelola Nexcess dirancang untuk membuat toko e-niaga Anda secepat kilat.

Mempercepat toko WooCommerce Anda dapat membantu mencegah penurunan pelanggan dan kehilangan penjualan —‑ apakah Anda pemilik toko di hosting WooCommerce terkelola Nexcess atau pemilik toko WooCommerce yang belum siap untuk produk khusus.

Meskipun Anda mungkin berpikir bahwa meningkatkan pengalaman pengguna Anda datang dengan mengumpulkan lebih banyak analitik pengguna dan termasuk alat seperti personalisasi dan obrolan langsung, alat dan analitik ini sebenarnya dapat memperlambat situs web Anda.

Meningkatkan kecepatan toko Anda dapat secara positif memengaruhi SEO Anda dengan meningkatkan pengalaman pengguna. Faktanya, situs web yang memuat lebih dari 3 detik akan ditinggalkan oleh 40% pembeli. Penundaan 2 detik meningkatkan rasio pentalan sebesar 103%. Dan penundaan bahkan 100 milidetik berdampak pada tingkat konversi sebesar 7%. Pemuatan yang tertunda dapat menyebabkan hilangnya pendapatan secara langsung, terutama selama masa sibuk, seperti Cyber ​​Monday dan Black Friday.

Baik Anda menggunakan opsi hosting bersama, atau belum berkembang ke tahap di mana Anda memerlukan opsi yang dikelola sepenuhnya, 12 perubahan hebat yang kami sertakan di bawah ini dapat membantu mengoptimalkan situs WooCommerce Anda, mempercepat toko Anda, dan meningkatkan kinerja. Yang terbaik dari semuanya, perubahan ini tidak akan memakan banyak waktu, tenaga, atau biaya untuk diterapkan.

1. Uji Kecepatan Situs Anda Saat Ini

Untuk mempercepat toko WooCommerce Anda, Anda perlu menguji kecepatan Anda saat ini — dan Anda mungkin perlu terus menguji kecepatan saat Anda membuat perubahan dan mengoptimalkan situs WooCommerce Anda. Dengan menguji kecepatan, Anda dapat yakin bahwa peningkatan Anda berhasil.

Jika Anda menginginkan pendekatan sederhana untuk menguji kecepatan halaman web, coba WebPageTest.

PageSpeed ​​Insights Google melihat konten halaman dan menawarkan saran untuk membuat halaman lebih cepat.

Kedua situs ini menawarkan metrik dan analitik yang lebih kompleks. Google memiliki Alat PageSpeed, yang mencakup protokol dan standar serta praktik terbaik kinerja, dan WebPageTest memiliki alat untuk menangkap pengalaman visual pengguna Anda.

2. Pastikan Anda Memiliki Tema Cepat

Memiliki tema WooCommerce yang mengesankan secara visual dengan banyak fitur bawaan mungkin terdengar seperti akan meningkatkan pengalaman pengguna. Namun, fitur-fitur ini membutuhkan waktu untuk dimuat. Memilih tema WooCommerce tercepat untuk toko Anda bisa jadi relatif sederhana.

Sebelum memilih tema, pertimbangkan semua fitur yang ingin Anda sertakan di toko online Anda. Tuliskan fitur-fitur ini, dan beri peringkat fitur-fitur ini sesuai kebutuhan. Tugas ini akan membantu menempatkan Anda di tempat pengguna yang akan datang ke toko Anda — dan membantu Anda memasukkan hanya apa yang diperlukan agar pengguna Anda berhasil.

Pastikan tema Anda sepenuhnya kompatibel dengan WooCommerce — dan itu adalah tema yang disiapkan untuk e-niaga.

Tema WooCommerce tercepat seringkali merupakan tema ringan, dan menggunakan pembuat halaman untuk membantu Anda memasukkan hanya fitur yang Anda butuhkan untuk mempercepat toko WooCommerce Anda. Anda bahkan mungkin melakukannya dengan baik untuk memulai dengan tema gratis. Tema WooCommerce teratas ini dapat bekerja untuk Anda.

3. Evaluasi Plugin, Widget, dan Sumber Daya Eksternal Anda

Apakah plugin, widget, dan sumber daya eksternal Anda yang ada mengoptimalkan situs Anda, atau apakah mereka memperlambat toko WooCommerce Anda tanpa meningkatkan fungsionalitas secara signifikan, mengoptimalkan pengalaman pengguna, dan pada akhirnya, menghasilkan pendapatan?

Untuk mengetahui cara mempercepat situs WooCommerce Anda, lihat plugin , widget , dan sumber daya eksternal Anda. Plugin dapat membantu meningkatkan kinerja. Widget dan alat berbagi dapat menghubungkan situs WooCommerce Anda ke media sosial. Sumber daya eksternal mungkin membuat situs Anda tampak hebat, tetapi apakah itu meningkatkan pengalaman pengguna?

Sumber daya eksternal, seperti skrip, lembar gaya, font, atau bahkan Google Analytics mungkin tampak membantu mengatur situs Anda, namun, tidak selalu mungkin untuk mengoptimalkan kinerja untuk sumber daya eksternal ini, dan sumber daya tersebut dapat memperlambat situs Anda.

Untuk mempercepat toko WooCommerce Anda, pertimbangkan untuk mengganti widget ke media sosial dengan tombol berbagi sederhana. Tombol berbagi ini mencegah penambahan permintaan HTTP tambahan dan membatasi ketergantungan internal pada kueri DNS.

Plugin dapat membantu di beberapa area, tetapi kurang membantu di area lain. Pertimbangkan plugin untuk mengompresi gambar, meningkatkan opsi pembayaran dan pengiriman, mengurangi pengabaian keranjang, dan meningkatkan penjualan. Plugin juga dapat membersihkan database toko WooCommerce Anda — dan sebuah plugin dapat mengotomatiskan proses ini. Membersihkan database Anda juga dapat meningkatkan kecepatan situs Anda. Lihat plugin WP-Optimize.

Plugin juga dapat memperlambat situs WooCommerce Anda. Instal hanya plugin yang paling penting, dan ingat untuk memeriksa kecepatan plugin Anda.

4. Gunakan Cuplikan: Cara Hebat untuk Membuat Toko WooCommerce Anda Lebih Cepat

Cuplikan kode adalah dasar dari modifikasi WooCommerce yang mudah dan masuk akal. Dengan plugin Cuplikan , Anda dapat dengan mudah mengunduh dan memasang cuplikan yang dibuat oleh orang lain, atau membuat sendiri. Ada beberapa cara di mana cuplikan dapat membantu mempercepat toko WooCommerce Anda, termasuk menambahkan fungsionalitas ke toko Anda, atau dengan menonaktifkan tugas, area, atau widget yang tidak digunakan.

Dalam contoh di bawah, kami telah menghapus atau menonaktifkan item, daripada menambahkan elemen untuk mengubah kinerja. Kami melakukan ini karena tugas tersebut membutuhkan upaya, dan setiap tindakan yang tidak perlu yang menggunakan sumber daya backend dapat memengaruhi kinerja toko Anda.

Perhatikan bahwa setiap cuplikan kami dalam contoh ini diberi tag. Memberi tag pada cuplikan Anda memudahkan untuk tetap teratur di sekitar perubahan yang Anda buat yang memengaruhi area admin, WooCommerce, widget, atau dasbor Anda.

5. Lihat Plugin Bizzy Kecil

Plugin yang dibuat oleh Little Bizzy ada untuk mengoptimalkan toko WooCommerce Anda dengan cara yang kecil dan bermakna. Mereka akan menonaktifkan fragmen keranjang AJAX untuk membantu waktu muat dan menonaktifkan penyematan internal dan eksternal untuk mempercepat rendering halaman. Sekali lagi, kami ingin memangkas kelebihan untuk mempercepat toko WooCommerce Anda.

6. Lihatlah WP Disable

Optimization.io menawarkan WP Disable , opsi plugin yang memungkinkan Anda banyak fleksibilitas, sekaligus mudah digunakan. Menginstal plugin menambahkan Optimization.iolink ke menu admin Anda, yang akan membawa Anda langsung ke area modifikasi.

Salah satu komponen luar biasa dari WP Disable adalah kemampuan untuk fokus pada toko WooCommerce Anda secara khusus, sambil melakukan peningkatan keseluruhan ke area lain di situs Anda dengan beberapa klik. Bicara tentang cara mudah untuk membuat toko WooCommerce Anda lebih cepat!

Mari kita lihat beberapa contoh pada tab Requests , di bawah bagian berjudul Remove Excess Bloat yang tepat.

7. “Bersihkan” Toko Anda

Pemeriksaan revisi dapat memperlambat toko WooCommerce Anda jika Anda menambahkan ekstensi dan membuat pemeriksaan revisi default pada halaman produk.

Ekstensi dapat membantu, tetapi pertimbangkan untuk mengevaluasi kinerja ekstensi Anda untuk memastikan bahwa ekstensi tersebut relevan dan diperlukan. Anda mungkin dapat mempercepat situs WooCommerce Anda dengan mengganti beberapa ekstensi dengan kode yang setara. Mengganti ekstensi dengan kode yang setara juga dapat meningkatkan kinerja.

Pemeriksaan revisi di situs WooCommerce adalah tempat yang baik untuk memulai. Pemeriksaan revisi memungkinkan Anda untuk kembali dan melihat perubahan pada halaman produk. Meskipun pemeriksaan revisi bisa menjadi hal yang bagus, jika Anda hanya membuat perubahan kecil, seperti mengubah satu atau dua kata, salinan yang direvisi dari halaman produk asli Anda akan menambah dan memperlambat kinerja WooCommerce. Pertimbangkan untuk menonaktifkan atau membatasi jumlah revisi.

8. Nonaktifkan Elemen yang Tidak Perlu

emoji

Emoji bisa sangat menyenangkan, tetapi dapat memperlambat situs WooCommerce Anda. Kecuali Anda secara khusus ingin penggunaan emoji tersedia, mereka tidak perlu dan dapat dihapus sebagai opsi hanya dengan mengeklik penggeser Nonaktifkan Emoji.

String Kueri

Jika Anda pernah menjalankan tes kinerja GTMetrix atau Pingdom di toko Anda, Anda mungkin telah melihat saran untuk "menghapus string kueri dari sumber daya statis." Ini karena beberapa server dan server proxy tidak dapat menyimpan string kueri, dan menghapusnya dapat membuat toko WooCommerce Anda lebih cepat.

9. Host Iklan dan Produk Afiliasi

Untuk iklan, pertimbangkan untuk menggunakan satu jaringan — atau menghosting gambar sendiri. Dengan menghosting gambar sendiri, Anda memiliki kontrol atas penempatan iklan, dapat mengoptimalkan gambar, dan dapat mengurangi kueri DNS.

10. Kompres Gambar Anda

Gambar dapat menjadi bagian penting dari situs e-niaga, tetapi gambar dapat memperlambat situs Anda secara signifikan.

Gambar adalah tempat di mana plugin dapat membantu, namun hindari plugin kompresi gambar jika Anda bisa. WordPress menawarkan tautan ke plugin yang akan mengompresi JPG dan PNG, dan dengan satu kunci API, Anda bisa mendapatkan hingga 100 kompresi gambar gratis per bulan.

Pertimbangkan untuk mengompresi gambar Anda sebelum Anda mengunggahnya ke situs Anda. Gunakan format JPG untuk foto dan gambar beresolusi tinggi yang membutuhkan banyak detail. Gunakan PNG untuk ikon, logo, ilustrasi, dan gambar transparan — pada dasarnya, sebagian besar gambar yang tidak atau tidak perlu JPG.

GIF bekerja dengan baik untuk animasi. Sementara GIF dapat digunakan untuk gambar kecil, PNG biasanya bekerja lebih baik.

11. Gunakan DNS Prefetch

DNS Prefetch adalah opsi yang memungkinkan situs Anda menyelesaikan domain terlebih dahulu untuk waktu pemuatan yang lebih cepat. Saat mengaktifkan DNS Prefetch, Anda akan memberikan daftar domain yang biasanya Anda tautkan atau arahkan ulang. Setelah domain tersebut diselesaikan, penundaan dalam menyelesaikannya lagi akan dihilangkan.

12. Pilih Opsi Platform yang Membuat Toko WooCommerce Anda Lebih Cepat

Semua tweak yang baru saja kita bahas memiliki potensi untuk membuat Toko WooCommerce Anda lebih cepat, tetapi bagaimana dengan WooCommerce itu sendiri?

Sepertinya Anda tidak memerlukan CSS atau skrip WooCommerce untuk berjalan di halaman yang tidak memiliki elemen WooCommerce. Sekali lagi, kami dapat menonaktifkan sesuatu yang tidak perlu dan mendapatkan banyak kinerja karena backend Anda tidak harus bekerja untuk memuat hal-hal yang tidak diperlukan.

Konsep yang sama berlaku untuk Ulasan dan Fragmen Keranjang . Untuk setiap item, yang harus Anda lakukan adalah mengeklik penggeser lalu menyimpan perubahan Anda.

Toko Anda mungkin tidak dihosting di platform Hosting WooCommerce Terkelola, tetapi itu tidak berarti Anda tidak dapat memanfaatkan beberapa opsi yang sama yang kami gunakan setiap hari. Dari cuplikan kode hingga plugin, kami yakin metode yang dicoba dan benar ini dapat membuat toko WooCommerce Anda lebih cepat.

Kami Bisa Merawatnya untuk Anda!

Saat Anda siap untuk kami mengurus hal-hal ini untuk Anda, lihat Hosting WooCommerce Terkelola Nexcess.

Blog ini awalnya diterbitkan pada Maret 2018. Sejak itu telah diperbarui untuk akurasi dan kelengkapan.

Konten Terkait

• Panduan untuk Kelas, Zona, dan Metode Pengiriman WooCommerce
• Elemen dari Beranda E-niaga yang Sukses
• 7 Cara Untuk Melewati Pengabaian Keranjang Belanja
• Cara Membuat Strategi Penyesuaian Kinerja WordPress