7 Cara Mengoptimalkan Kecepatan Toko Shopify Anda

Hampir 1/4 pengunjung meninggalkan situs jika memuat lebih dari 4 detik. 46% dari mereka tidak pernah kembali ke situs karena kinerja situs web yang buruk. Situs yang lambat menyebabkan pengalaman pelanggan yang buruk dan membuat pelanggan menjauh.

Apakah Anda pernah menunggu selama 15 detik hanya untuk situs web memuat kontennya? Anda langsung meninggalkan situs dan mencari toko lain. Jadi, situs yang lambat menghambat lalu lintas situs web dan meningkatkan rasio pentalan. Kedua hal ini berdampak negatif terhadap basis pelanggan potensial.

Kecepatan situs bukan hanya tentang pemeliharaan teknis. Secara langsung mempengaruhi pendapatan. Jadi, bagaimana kami memperbaiki kecepatan situs toko Shopify Anda? Hari ini, kita akan melihat 7 tips untuk mengoptimalkan kecepatan situs toko Shopify Anda.

1. Pengoptimalan Gambar
2. Analisis Aplikasi Pihak Ketiga
3. Menerapkan AMP (Accelerated Mobile Pages)
4. Pilih Tema & Fitur yang Tepat
5. Pemuat Malas
6. Hindari Pop-Up
7. Kurangi Pengalihan dan Tautan Rusak
8. Tolok Ukur Kecepatan Situs Toko Shopify

Shopify memberikan skor kecepatan situs di dasbor itu sendiri. Skor ini mengukur seberapa cepat situs Anda dimuat berdasarkan metrik kinerja mercusuar Google. Rata-rata skor kecepatan situs Shopify adalah 50. Apa pun di atas 70 adalah skor kecepatan yang bagus.

Jika skor situs Anda di bawah 50, Anda harus menggunakan taktik ini untuk meningkatkan kinerja situs. Selain itu, Anda harus mendapatkan bantuan profesional untuk nuansa teknis seperti meminimalkan skrip Java dan HTML atau CSS dan Javascript yang memblokir render. Situs Shopify bekerja berat pada HTML, CSS, Javascript, dll., yang memperlambat situs. Jadi, jika tidak ada tips yang disebutkan di bawah ini yang berfungsi, periksa kode dan back-end situs Anda.

1. Pengoptimalan Gambar

Mulailah dengan dasar-dasar: gambar. Gambar beresolusi tinggi dapat memperlambat kecepatan situs. Dan jika toko Anda memiliki banyak gambar, grafik, dan video HD, maka situs Anda akan banyak tertinggal. Berikut adalah 5 cara untuk mengoptimalkan gambar dan meningkatkan kecepatan situs:

Unggah gambar terkompresi

Mereka mengurangi ukuran file dan memuat di situs. Namun, pastikan untuk mengikuti dimensi gambar yang ditentukan untuk menghindari gambar berkualitas rendah.

Hindari penggeser dan pilih tata letak pahlawan

Hanya 1% pengunjung yang melalui slider. Jadi, daripada memilih 4-7 gambar HD, gunakan 1 gambar beresolusi tinggi.

Hindari GIF atau video.

Jika produk Anda menuntut banyak gambar, pilih 3-4 gambar beresolusi tinggi. GIF atau video berkualitas tinggi dapat tertinggal dan membutuhkan waktu lama untuk dimuat di sistem pengunjung.

Gunakan pemuat yang ditangguhkan

Jika Anda tidak dapat menghapus banyak pengunggahan gambar, video, atau GIF, Dalam hal ini, situs hanya memuat konten yang tersedia di layar pengguna. Jadi, selama pengguna tidak membuka penggeser atau menjangkau video, itu tidak akan dimuat. Akibatnya, tidak hanya konten yang dimuat terbatas, tetapi situs berjalan lebih cepat.

Tetap berpegang pada gambar statis

Alih-alih GIF atau video, Mereka menyimpan beban di situs dan meningkatkan kecepatan secara signifikan.

2. Analisis Aplikasi Pihak Ketiga

Memasang aplikasi pihak ketiga adalah praktik standar bagi pemilik toko Shopify. Mereka menambahkan ini untuk meningkatkan kinerja, menambahkan fitur, otomatisasi, dan banyak lagi. Namun, mendapatkan terlalu banyak aplikasi juga memengaruhi kode. Ini mengarah ke kecepatan lambat. Jadi?

• Identifikasi aplikasi yang tidak memiliki tujuan apa pun dan tidak berguna.
• Copot pemasangan aplikasi ini. Jika fitur aplikasi tertentu tidak efektif, hapus fitur tersebut.
• Menonaktifkan fitur atau mencopot pemasangan aplikasi tidak menghapus integrasi kode. Jadi, Anda perlu menghapusnya secara manual.

Hapus aplikasi yang tidak digunakan. Selain itu, carilah alternatif aplikasi yang mengganggu kecepatan situs.

3. Menerapkan AMP (Accelerated Mobile Pages)

Pada tahun 2020, 61% lalu lintas situs web berasal dari perangkat seluler di AS. Lebih dari separuh pengguna memeriksa toko Anda dari ponsel. Tapi, ponsel membutuhkan waktu lebih lama untuk memuat situs web normal di pc. Jadi, mengoptimalkan situs web Anda untuk ponsel tidak dapat dinegosiasikan.

Tim teknis Anda dapat membantu Anda dengan pengoptimalan seluler. Namun, Anda dapat menambahkan beberapa aplikasi dari direktori aplikasi ketiga Shopify ke DIY. Aplikasi seperti FireAMP dan Shopsheriff membantu dalam AMP. Memang membutuhkan banyak waktu untuk mengatur ini. Namun, Anda dapat mengetuk audiens yang jauh lebih besar dengan melakukannya.

4. Pilih Tema & Fitur yang Tepat

Shopify memiliki perpustakaan tema, fitur, dan font yang luas. Ini meningkatkan desain situs web Anda agar terlihat menarik. Namun, dengan setiap tema/fitur tambahan, situs menjadi lambat.

• Pastikan untuk menambahkan tema responsif . Periksa apakah tema memperlambat situs web, lalu ganti.
• Analisis apakah semua fitur yang ditambahkan digunakan atau tidak. Jika suatu fitur tidak berharga, maka hapus/nonaktifkan.
• Pilih font sistem : Mono, Serif, dan Sans-serif. Hindari font mewah yang harus diunduh sistem pengguna terlebih dahulu. Dalam kasus seperti itu, dibutuhkan banyak waktu untuk mengunduh font, memuat font, dan memuat situs web. Meskipun Shopify menawarkan banyak opsi untuk font, tetap berpegang pada font sistem dasar berfungsi dengan baik.

Semua tema dan fitur berat pada CSS/ HTML, yang berdampak pada kecepatan situs. Pilih mereka dengan bijak dan hindari elemen yang tidak perlu.

5. Pemuat Malas

Lazy loading adalah teknik optimasi di mana halaman hanya memuat konten terbatas. Jika pengguna berada di bagian tertentu dari toko/situs, itu hanya memuat bagian tertentu itu. Ini mirip dengan pemuatan video yang ditangguhkan. Kecuali tidak diperlukan, halaman hanya akan memuat elemen yang terlibat dengan pengguna.

Ini efektif untuk toko yang menambahkan banyak gambar, video, GIF, dan file berat lainnya. Ini dapat menghemat waktu pemuatan yang cukup besar dan meningkatkan kecepatan situs.

6. Hindari Pop-Up

Pop-up sangat penting bagi bisnis untuk menyoroti produk info atau buletin. Mereka membantu konten tertentu menjadi sorotan untuk menarik lebih banyak perhatian. Namun, mereka mengurangi kecepatan situs dan memengaruhi pengalaman pengguna.

• Pergi dengan pop-up besar yang memenuhi seluruh halaman. Mereka meningkatkan waktu pemuatan dan menyebabkan kelambatan/pembekuan situs. Selain itu, dapat membuat pengguna frustasi untuk mendapatkan pop-up yang menutupi seluruh halaman.
• Gunakan pop-up pada halaman bernilai tinggi tertentu. Anda tidak perlu menambahkan pop up di setiap halaman situs/toko. Analisis kebutuhan dan gunakan sesuai kebutuhan.
• Tampilkan pop-up setelah beberapa detik pengguna mengarahkan kursor ke situs web Anda. Seorang pengguna yang masuk dan keluar dari situs Anda tidak akan terlibat dengan pop-up Anda. Jadi, tambahkan pop-up setelah 7-15 detik pengguna mendarat di toko Anda. Mereka lebih efektif dan memiliki rasio klik yang lebih baik.

7. Kurangi Pengalihan dan Tautan Rusak

Toko dapat memiliki berbagai pengalihan atau tautan rusak. Namun, mereka tertinggal dari situs, dan kecepatan berkurang secara signifikan. Anda dapat memperbaikinya secara langsung melalui dasbor Shopify dengan melakukan pengalihan 404.

Atau, Anda dapat menambahkan pengalihan 301 yang membawa pengguna ke URL baru. Anda juga dapat menghapus tautan ini dengan bantuan tim teknis. Mereka akan menghapus tautan yang rusak dan mengurangi pengalihan.

Selain semua tips ini, Anda dapat menggunakan pengelola tag Google untuk pengoptimalan toko. Anda memigrasikan kode Anda ke alat, yang membantu memuat semua kode secara bersamaan secara asinkron. Dari aspek teknis, ada banyak cara untuk meningkatkan kecepatan toko. Ini bisa berarti mengecilkan HTML/CSS, memblokir render, menghapus kode yang tidak perlu, dan migrasi.

Tapi, berapa banyak yang harus diambil rata-rata situs Anda untuk memuat? Mari kita lihat beberapa tolok ukur.

8. Tolok Ukur Kecepatan Situs Toko Shopify

Kecepatan toko Shopify yang baik, tersedia di dasbor, semuanya di atas 50. Tetapi ada alat lain yang dapat Anda gunakan untuk memeriksa kecepatan situs Anda.

Rata-rata situs membutuhkan waktu sekitar 3,8 detik untuk memuat gambar pertama dan 22,1 detik untuk menjadi interaktif. Apakah situs Anda membutuhkan waktu lebih lama? Periksa kecepatan pemuatan situs untuk toko Shopify Anda.

Berikut adalah bagan yang menunjukkan rata-rata dan tolok ukur kecepatan toko Shopify terbaik.

Selain itu, Anda juga dapat memeriksa kecepatan situs Anda di sini.

Saat menggunakan situs ini, jalankan tes tiga kali untuk mendapatkan gambaran yang jelas. Gunakan rata-rata dari sana tetapi jangan bergantung pada satu tes. Ini memastikan hasil yang lebih baik dan gambaran yang jelas tentang kecepatan penyimpanan.

FAQ

Berapa kecepatan terbaik untuk toko Shopify?

Skor kecepatan Shopify tercermin di dasbor itu sendiri. Toko harus mencoba dan mendapatkan skor di atas 50. Skor kecepatan 70 dianggap bagus untuk toko Shopify.

Apa item paling umum yang memperlambat situs web, khususnya situs web Shopify?

Item paling umum yang memengaruhi kecepatan penyimpanan adalah gambar dan kode back-end yang berat. Gambar, video, dan GIF beresolusi tinggi membutuhkan waktu untuk dimuat dan menjadi interaktif. Di sisi lain, tema, fitur, dan aplikasi pihak ketiga meningkatkan kode situs web, yang menurunkan kecepatan toko.