10 Tips untuk Optimasi Kecepatan Shopify
Diterbitkan: 2022-03-31Cara Meningkatkan Kecepatan Muat Shopify Anda
Apakah Anda mencari kiat pengoptimalan kecepatan Shopify terbaik untuk membuat situs web Anda memuat lebih cepat? Baca terus karena posting ini untuk Anda.
Waktu yang dibutuhkan pembeli untuk memuat toko Shopify Anda sangat penting karena secara langsung memengaruhi SEO situs web Anda dan, akibatnya, tingkat konversi Anda.
Salah satu alasan utama orang beralih dari belanja konvensional dan beralih ke belanja online adalah karena menghemat banyak waktu dan stres. Ketika toko Shopify membutuhkan terlalu banyak waktu untuk memuat, itu bisa sangat mengecewakan bagi pelanggan untuk memenuhi kebutuhan mereka akan kecepatan.
Anda bisa kehilangan sebanyak 40% dari lalu lintas yang Anda dapatkan jika toko Anda membutuhkan waktu lebih dari 3 detik untuk memuat.
Berikut ilustrasi dari Google yang memberikan gambaran yang lebih baik tentang bagaimana kecepatan pemuatan berkorelasi dengan rasio pentalan.
Sumber
Anda tidak ingin pelanggan potensial pergi setelah Anda menghabiskan waktu dan energi untuk menarik mereka ke toko Anda.
Pengoptimalan kecepatan halaman Shopify merupakan aspek integral dalam mengelola toko Anda. Dalam panduan ini, kami akan membahas pengoptimalan kecepatan Shopify dan beberapa tip untuk membantu Anda mengoptimalkan halaman toko Anda.
Apa itu Kecepatan Halaman?
Kecepatan halaman, juga disebut waktu buka halaman, mengacu pada total waktu yang dibutuhkan halaman web untuk memuat dengan benar. Menurut Google, waktu buka halaman yang disarankan harus di bawah dua detik.
Mengapa Anda Harus Mengoptimalkan Kecepatan Halaman Toko Shopify Anda?
Mengoptimalkan halaman toko Shopify Anda penting karena beberapa alasan. Beberapa di antaranya adalah sebagai berikut:
- Waktu buka halaman Anda memengaruhi pengalaman berbelanja pelanggan Anda. Antara lain, semakin cepat toko Shopify Anda, semakin baik pengalaman berbelanja pelanggan Anda. Pengalaman berbelanja yang lebih baik akan meningkatkan keterlibatan pengguna, kepuasan pelanggan, dan mengurangi tingkat pengabaian keranjang.
- Kecepatan halaman toko Anda memengaruhi keputusan pembelian pelanggan Anda.
- Ini memengaruhi tingkat konversi Anda. Semakin cepat waktu buka halaman toko Shopify Anda, semakin baik tingkat konversi Anda. Jika melebihi 3 detik, tingkat konversi Anda mulai turun setiap detik.
- Ini secara langsung memengaruhi rasio pentalan Anda. Semakin lama waktu yang dibutuhkan toko Shopify Anda untuk memuat, semakin tinggi kemungkinan pengunjung akan terpental dari situs Anda.
- Salah satu faktor yang membantu peringkat SEO toko Shopify Anda adalah kecepatan memuat situs web Anda. Waktu buka halaman yang lebih cepat meningkatkan pengalaman pengguna toko Anda dan, pada gilirannya, meningkatkan peringkat dan visibilitas toko Shopify Anda di mesin pencari.
Faktor-Faktor yang Mempengaruhi Kecepatan Toko Shopify Anda
Ada banyak faktor yang memengaruhi kecepatan toko Shopify Anda. Sementara beberapa faktor ini secara langsung berada dalam kendali Anda, dan Anda dapat melakukan sesuatu terhadapnya, beberapa tidak.
Faktor yang Tidak Dapat Anda Kendalikan
Berikut adalah beberapa faktor yang memengaruhi kecepatan halaman toko Shopify Anda yang tidak dapat Anda kendalikan:
Lokasi, Perangkat, dan Koneksi Internet Pelanggan Anda
Pelanggan Anda mungkin tinggal di lokasi yang berbeda di seluruh dunia. Mereka juga menggunakan perangkat yang berbeda dan kekuatan koneksi internet untuk mengakses toko Shopify Anda. Faktor-faktor ini akan memengaruhi seberapa cepat atau lambat pemuatan toko Shopify Anda.
Anda selalu dapat menyarankan pelanggan Anda untuk memperbarui versi browser mereka dan menghapus cache browser mereka jika mereka memiliki keluhan tentang kecepatan toko Shopify Anda. Anda juga dapat merekomendasikan untuk memeriksa konektivitas internet mereka untuk memastikan mereka tidak mengalami downtime.
Cache Peramban Lokal
Beberapa elemen toko Shopify Anda disimpan atau di-cache di browser lokal pelanggan Anda. Ini mengurangi waktu yang diperlukan untuk memuat toko Anda karena browser dapat langsung memuat sumber daya yang di-cache tanpa memintanya lagi dari server.
Cache Halaman Sisi Server
Toko Shopify Anda juga di-cache di sisi server. Ini membuat toko Anda memuat lebih cepat setelah pelanggan mengunjunginya sebelumnya karena mereka akan mendapatkan salinan cache.
Faktor yang Dapat Anda Kendalikan
Berikut adalah faktor-faktor yang memengaruhi kecepatan toko Shopify Anda yang dapat Anda pengaruhi secara langsung. Di bagian selanjutnya, kita akan membahas tips mengatasi faktor-faktor ini untuk meningkatkan kecepatan toko Shopify Anda.
Aplikasi
Ada berbagai aplikasi yang dapat Anda instal di toko Shopify Anda. Setiap aplikasi menawarkan fitur yang berbeda dan meningkatkan tampilan atau fungsionalitas toko Anda. Meminimalkan jumlah aplikasi yang Anda instal di toko Anda akan membantu meningkatkan kecepatan situs web Anda.
Tema
Menggunakan tema ringan juga dapat membantu meningkatkan kecepatan memuat Anda.
Fitur Tema atau Aplikasi
Tema atau fitur aplikasi yang Anda pilih untuk diaktifkan dapat secara langsung memengaruhi kecepatan toko Shopify Anda. Semakin banyak tema atau fitur aplikasi yang diaktifkan, semakin lambat toko Anda akan memuat. Mengizinkan fitur yang tidak perlu yang tidak berguna bagi pelanggan Anda dapat memengaruhi kecepatan toko Anda tanpa memberi Anda nilai apa pun. Anda biasanya ingin menghindari ini.
Gambar dan Video
Gambar atau video yang berat dapat menyebabkan toko Shopify Anda dimuat dengan lambat. Jika pengunjung toko Anda menunggu terlalu lama untuk memuat gambar dan video, mereka mungkin menganggap toko Anda lambat dan pergi.
font
Shopify menyediakan beberapa opsi jenis font untuk dipilih. Meskipun ini mungkin tampak sepele, jika font yang Anda pilih tidak tersedia di perangkat pelanggan Anda, mereka harus mengunduhnya sebelum mereka dapat melihat teks di situs web Anda. Ini secara signifikan dapat mempengaruhi kecepatan halaman toko Anda.
Cara Mengoptimalkan Kecepatan Toko Shopify Anda
Anda ingin memfokuskan waktu dan energi Anda pada faktor-faktor yang berada dalam kendali Anda. Ingin tahu cara mengoptimalkan kecepatan toko Shopify Anda dengan mengatasi faktor-faktor ini? Berikut adalah 10 tips untuk membantu Anda:
1. Pilih Tema yang Tepat
Memilih tema Shopify adalah keputusan penting yang harus dibuat. Namun, Anda ingin memastikan bahwa saat Anda memilih tema yang cocok dengan merek Anda, pastikan itu juga cepat dan membutuhkan waktu minimal untuk memuat. Jadi, Anda ingin memilih tema yang responsif dan up-to-date.
Anda dapat lebih mengoptimalkan kinerja tema Shopify Anda dengan menonaktifkan semua fitur tema yang tidak Anda gunakan atau yang tidak memberikan nilai signifikan bagi pelanggan Anda. Juga, sebelum memilih tema, Anda dapat menjalankannya melalui Google PageSpeed Insights untuk mendapatkan gambaran tentang kinerjanya.
2. Pilih Font yang Tepat
Untuk mengoptimalkan kecepatan Shopify Anda, Anda perlu menggunakan jenis font yang sesuai. Aturan praktis di sini adalah menggunakan font sistem. Sebagian besar perangkat memiliki font sistem yang diinstal secara default yang berarti bahwa perangkat pelanggan Anda tidak perlu mengunduh font toko Anda kapan pun mereka berkunjung. Ini juga berarti bahwa toko Anda umumnya akan memuat lebih cepat.
Font sistem diklasifikasikan ke dalam kategori mono, serif, dan sans-serif. Ada font yang berbeda dalam kategori ini, seperti yang ditunjukkan di bawah ini:
- Mono : Kategori ini terdiri dari font seperti Liberation Mono, Consolas, Lucida Console, Monaco, dan Menlo.
- Serif : Kategori ini terdiri dari font seperti Apple Garamond, Times New Roman, Source Serif Pro, Droid Serif, Iowan Old Style, Baskerville, dan Times.
- Sans-serif : Kategori ini terdiri dari font seperti Ubuntu, Helvetica Neue, Segoe UI, BlinkMacSystemFont, dan Roboto.
Shopify merekomendasikan font sistem berikut: Times New Roman, Garamond, Lucide Grande, Courier New, Palatino, Trebuchet MS, dan Monaco. Anda dapat memilih untuk menggunakan font lain untuk toko Shopify Anda, tetapi halaman toko Anda mungkin membutuhkan waktu lebih lama untuk memuat jika font tersebut bukan font yang umum digunakan.
3. Nilai Aplikasi Terpasang Anda
Aplikasi Shopify menawarkan beberapa fitur yang dapat meningkatkan pengalaman berbelanja pelanggan Anda, meningkatkan fungsionalitas toko Anda, meningkatkan keterlibatan pengguna, dan meningkatkan penjualan dan konversi. Namun, aplikasi ini menambahkan baris kode tambahan ke tema toko Anda saat Anda menginstalnya dan berpotensi memperlambat kecepatan halaman toko Anda.
Untuk mengoptimalkan kecepatan situs web Anda, lakukan penilaian rutin terhadap aplikasi yang terpasang di toko Anda agar tetap terkendali. Hapus aplikasi apa pun yang tidak menambah nilai.
4. Sederhanakan Desain Beranda Anda
Secara umum, semakin banyak item yang Anda miliki di halaman web, semakin lambat kecepatan halaman dan semakin banyak waktu yang dibutuhkan untuk memuat dengan benar. Rata-rata, pelanggan hanya melihat sekitar setengah dari keseluruhan konten di halaman beranda toko. Anda tidak ingin mengambil risiko kehilangan pelanggan karena elemen pengurang kecepatan di beranda Anda yang tidak akan berinteraksi dengan pelanggan.
Desain beranda Shopify yang ideal seharusnya hanya berisi elemen yang meningkatkan pengalaman pengguna dan memberikan nilai kepada pengunjung. Anda harus mengevaluasi setiap bagian dari beranda Anda menggunakan kriteria berikut untuk menentukan bahwa mereka perlu;
- Navigasi yang baik : Toko Anda harus memiliki antarmuka yang bersih sehingga pengunjung dapat dengan mudah menavigasi.
- Desirability : Setiap gambar dan video di beranda Anda harus menciptakan keinginan untuk menjelajahi toko Anda atau membeli produk Anda.
- Nilai : Beranda Anda harus berisi konten yang membahas kebutuhan, rasa sakit, pertanyaan, dan keinginan pelanggan Anda.
- Tindakan : Ajakan bertindak Anda harus berani, jelas, mudah dikenali, dan mudah dimengerti.
- Kredibilitas : Bukti sosial secara signifikan berkontribusi pada kredibilitas Anda sebagai merek dan membantu membangun hubungan berbasis kepercayaan dengan pelanggan Anda.
Untuk mencapai ini, hapus bagian yang tidak perlu yang tidak memenuhi kriteria ini. Anda selalu dapat menggunakan pratinjau dan melihat lebih banyak tautan untuk mengurangi elemen di beranda Anda. Pertimbangkan untuk memindahkan widget, dan umpan media sosial dari beranda Anda dan ke lokasi strategis lainnya di toko Anda.
Anda dapat memanfaatkan peta panas untuk memahami perilaku pengunjung di halaman toko Anda dan mengoptimalkannya dengan lebih baik.
5. Optimalkan Koleksi dan Pemfilteran
Saat mengoptimalkan kecepatan halaman toko Shopify Anda, area lain yang harus Anda perhatikan adalah koleksi dan pemfilteran Anda. Yang terbaik adalah membuat koleksi yang lebih kecil yang lebih spesifik dan memiliki lebih sedikit produk, dan Shopify membuatnya mudah untuk dicapai. Anda tidak dapat menyertakan lebih dari 50 produk di halaman koleksi mana pun.
Buat filter yang relevan dan perlu, buat seminimal mungkin. Halaman toko Shopify Anda akan memakan waktu lebih lama untuk dimuat jika Anda memiliki terlalu banyak filter. Gunakan pop-up dengan hemat. Mereka adalah cara terbaik untuk menampilkan lebih banyak detail tentang produk di halaman koleksi Anda. Mereka dapat membantu pelanggan memutuskan minat mereka pada suatu produk, dan mereka meningkatkan pengalaman berbelanja.
Namun, seperti elemen lain di situs web Anda, ini dapat memperlambat kecepatan halaman toko Anda jika tidak digunakan secara efektif. Jika pop-up dimuat sebelum semua informasi di halaman produk, halaman web Anda bisa menjadi sangat lambat.
Peta panas dapat berguna dalam menentukan apakah pelanggan Anda menggunakan fitur "tampilan cepat" yang bertanggung jawab untuk memicu munculan. Pertimbangkan untuk menghapusnya jika mereka hampir tidak menggunakannya. Jika Anda menyadari bahwa mereka menggunakannya, cobalah untuk membatasi jumlah informasi yang Anda tampilkan di pop-up.
6. Minimalkan Pengalihan dan Perbaiki Tautan yang Rusak
Memiliki banyak pengalihan di situs web Anda meningkatkan jumlah permintaan HTTP, yang menunda proses transfer data. Untuk mengurangi jumlah pengalihan di situs web Anda dan meminimalkan dampaknya terhadap kecepatan halaman toko Anda, hapus semua pengalihan yang tidak perlu. Anda juga harus menghindari redirect loop – halaman redirect yang mengarah ke halaman redirect lainnya.
Seperti pengalihan, tautan rusak juga memicu permintaan HTTP tambahan, yang secara langsung memengaruhi kecepatan laman toko Anda. Untuk menghindarinya, pertimbangkan untuk menggunakan alat audit situs untuk memeriksa tautan yang rusak dan memperbaikinya. Anda juga dapat memilih untuk membuat halaman 404 khusus untuk membantu pengunjung yang secara tidak sengaja memasukkan URL yang salah.
7. Optimalkan Gambar dan Konten Video Anda
Gambar produk berkualitas tinggi penting untuk toko Anda; namun, mereka bisa menjadi berat dan memperlambat situs web Anda. Ini membuatnya perlu untuk menawarkan gambar produk terbaik kepada pelanggan tanpa mengorbankan kecepatan halaman. Ada berbagai cara untuk mengoptimalkan gambar Anda untuk meningkatkan kecepatan halaman toko Anda.
Hal pertama adalah mengurangi jumlah gambar yang Anda miliki di toko Shopify Anda. Anda dapat melakukannya dengan menghapus gambar yang tidak perlu, dan ini akan membantu mengurangi jumlah permintaan HTTP. Anda dapat memeriksa sumber gambar kosong apa pun dalam kode Anda dan menghapusnya juga.
Pilihan lainnya adalah mengompres gambar Anda. Usahakan untuk menyimpan file gambar Anda di bawah 70kb dan dalam format file PNG dan JPEG. Anda juga dapat menulis nama file gambar deskriptif pendek dan tag alt yang secara akurat menggambarkan gambar produk. Nama file gambar dan tag alt gambar juga membantu peringkat dan kemampuan toko Anda untuk ditemukan.
Anda tidak boleh mengabaikan pentingnya video di toko Shopify Anda. Namun, Anda dapat mengoptimalkan video Anda dengan menghostingnya di sumber eksternal seperti Vimeo dan YouTube atau menggunakan penyematan ringan.
8. Pilih Tata Letak Pahlawan Di Atas Korsel dan Slider
Slider dan carousel mungkin tampak seperti cara yang efektif untuk menampilkan gambar produk Anda, tetapi keduanya dapat meningkatkan bobot situs web Anda secara signifikan dan membuatnya memuat lebih lambat. Lebih sedikit pelanggan yang cenderung berinteraksi dengan carousel dan slider, terutama di perangkat seluler.
Jadi, inilah saatnya untuk membuang komidi putar dan penggeser demi tata letak pahlawan. Tata letak pahlawan hanyalah gambar besar yang disertai dengan teks yang menarik. Biasanya ditempatkan di bagian atas beranda, dan segera menarik perhatian pengunjung Anda. Ini dapat secara signifikan memengaruhi perilaku pembelian mereka di situs web Anda.
Tata letak pahlawan yang efektif harus memiliki tiga aspek utama:
- Gambar berkualitas tinggi : Gambar yang Anda gunakan harus berupa gambar menawan berkualitas tinggi. Jangan lupa untuk menjaga ukuran file serendah mungkin.
- Pesan yang jelas : Tata letak pahlawan Anda harus memberikan dampak yang signifikan setelah pengunjung tiba di toko Anda. Untuk melakukan ini, itu harus berisi pesan yang jelas, dan itu harus mengkomunikasikan nilai merek Anda kepada pengunjung.
- Ajakan Bertindak : Tata letak pahlawan Anda harus menginspirasi beberapa tindakan pada pengunjung, dan Anda dapat mencapainya dengan menambahkan ajakan bertindak yang jelas.
9. Tingkatkan Performa Seluler dengan Menerapkan AMP di Situs Anda
Dengan penggunaan perangkat seluler yang luas, Anda perlu mengoptimalkan toko Shopify Anda untuk pengguna perangkat seluler. Anda dapat mencapai ini dengan mengintegrasikan AMP ke situs web Shopify Anda.
AMP adalah singkatan dari Accelerated Mobile Pages. Ini mengacu pada kerangka kerja standar yang dirancang untuk memungkinkan Anda membuat halaman web yang memuat lebih cepat di perangkat seluler. Mereka mudah digunakan dan akan memungkinkan Anda untuk dengan mudah mengoptimalkan toko Shopify Anda agar lebih mudah diakses di perangkat seluler.
Ada beberapa aplikasi di Shopify yang dapat Anda gunakan untuk membuat halaman web AMP guna meningkatkan pengalaman pengguna toko Anda bagi pengunjung seluler. Beberapa aplikasi ini adalah:
- AMP oleh Sheriff Toko
- Api AMP
- AMP oleh Ampify Me
10. Manfaatkan Google Pengelola Tag untuk Mengatur Kode Pelacakan Anda
Kode pelacakan dapat secara signifikan mengurangi kecepatan halaman toko Anda. Anda dapat menangani ini secara efektif dengan menggunakan sistem pengelolaan tag seperti Google Pengelola Tag.
Google Pengelola Tag adalah alat yang membantu Anda menyiapkan tag hanya dalam satu permintaan dan mengelola semua kode pelacakan Anda, termasuk analitik, di satu tempat. Google Pengelola Tag juga memuat file JavaScript secara asinkron. Ini berarti itu tidak mencegah konten Anda dirender.
Perhatikan bahwa Google Pengelola Tag hanya tersedia untuk pedagang Shopify Plus.
Kesimpulan
Dalam panduan ini, kami telah membahas langkah-langkah yang dapat Anda ambil untuk mengoptimalkan toko Shopify Anda dan meningkatkan kecepatan halaman Anda. Menerapkan langkah-langkah ini mungkin memakan waktu, tetapi Anda akan segera melihat hasilnya.
Melakukan penjualan di Shopify bisa sangat mudah dengan menggunakan aplikasi Adoric Shopify. Ini memungkinkan Anda meningkatkan rasio konversi dengan menampilkan kampanye yang menarik perhatian di toko Shopify Anda. Aplikasi Adoric Shopify sangat intuitif dan tidak mengharuskan Anda memiliki pengetahuan pengkodean atau desain grafis untuk menggunakannya.
Instal di toko Shopify Anda hari ini dan lihat peningkatan penjualan Anda.
Instal Aplikasi Adoric Shopify