11 Cara Mengoptimalkan Situs eCommerce Anda untuk Kecepatan

Sebagai bisnis eCommerce, mengoptimalkan kinerja situs Anda harus menjadi salah satu prioritas utama Anda.

Itu karena konversi Anda secara langsung dipengaruhi oleh seberapa cepat halaman Anda dimuat. Konsumen saat ini mengharapkan situs yang sangat cepat. Jika toko online Anda lambat karena alasan apa pun, Anda berisiko kehilangan pelanggan dan, pada akhirnya, pendapatan.

Faktanya, Anda akan kehilangan 20% pengunjung Anda jika mereka mengalami penundaan 3 detik dalam waktu buka halaman, kata sebuah studi tahun 2016 oleh Aberdeen Group.

Seberapa cepat cepat? Rata-rata, situs web ritel global yang beroperasi pada 2017 antara Black Friday dan 3 Januari secara visual selesai dan siap digunakan dalam 2,5 detik, menurut perusahaan manajemen kinerja digital Dynatrace.

Berikut adalah beberapa cara utama untuk memastikan bahwa situs Anda dioptimalkan untuk kecepatan:

1. Batasi Jumlah Pencarian DNS

Setiap kali situs eCommerce Anda dimuat, browser perlu menemukan alamat IP yang sesuai dengan nama domain Anda. Ini disebut pencarian DNS (sistem nama domain).

Peramban perlu mencari domain utama Anda serta semua domain di halaman Anda yang berasal dari sumber eksternal, seperti umpan Twitter atau video YouTube yang disematkan. Oleh karena itu, mengurangi jumlah kueri ke sumber eksternal di situs Anda akan meminimalkan pencarian DNS berbeda yang perlu dilakukan klien, yang dapat menunda pemuatan awal halaman. Alih-alih membuat hyperlink ke gambar, misalnya, Anda dapat menghostingnya di server Anda.

Anda juga dapat mencari penyedia DNS yang lebih cepat, mengubah nilai TTL (time-to-live) untuk memanfaatkan caching DNS, atau memindahkan sumber daya sebanyak mungkin ke jaringan pengiriman konten (lebih lanjut tentang ini nanti).

2. Berinvestasi dalam Pencarian Web Hosting yang Lebih Baik

Hosting web yang andal dan cepat merupakan faktor penting dalam kecepatan situs Anda. Dan tidak semua web host dibuat sama. Anda akan ingin menemukan layanan yang dapat menangani lonjakan besar dalam lalu lintas web dan transaksi (seperti selama peluncuran produk besar atau periode Black Friday-ke-CyberMonday).

Tidak ada nasib yang lebih buruk bagi situs eCommerce selain tidak dapat diakses oleh pengunjung. Layanan hosting yang baik akan menjamin uptime 99,5% atau lebih tinggi. Sebuah host premium akan menjanjikan uptime setinggi 99,99%.

Tanpa pertanyaan, Anda pasti menginginkan sertifikasi SSL dan alamat IP khusus.

3. Kompres Foto Anda

Gambar membentuk 50-75% dari total berat situs web Anda, namun yang mengejutkan, sekitar 45% dari 100 situs eCommerce teratas tidak repot-repot mengompres gambar mereka. Mereka harus dan Anda harus. Anda dapat memilih kompresi lossless yang mengurangi ukuran file Anda tanpa mengurangi kualitas.

Anda harus selalu mengatur dimensi gambar dalam kode Anda sehingga browser tidak perlu menunggu gambar Anda dirender sepenuhnya sebelum pindah ke elemen lain pada halaman. Itu hanya akan meninggalkan kotak dengan dimensi yang telah ditetapkan dan terus bekerja memuat situs.

Kompres gambar Anda di dalam Photoshop atau gunakan kompresor gambar seperti TinyPNG atau Kraken.io.

4. Prioritaskan Pemuatan Paro Atas

Karena bagian atas situs Anda akan menjadi hal pertama yang dilihat pengunjung Anda, masuk akal jika sesuatu "paro atas" dimuat lebih cepat daripada situs web lainnya. Istilah lain untuk proses ini adalah lazing loading. Ini sangat membantu dalam mempercepat situs web satu halaman penuh gambar, yang telah menjadi pilihan desain populer bagi banyak merek.

Untuk petunjuk tentang cara mengaktifkan pemuatan lambat, buka di sini.

5. Cache Halaman Anda

Alih-alih memaksa pengguna untuk mengunduh setiap komponen dari setiap halaman pada setiap kunjungan, caching memungkinkan elemen global untuk di-cache oleh browser sehingga hanya elemen baru yang memerlukan permintaan browser.

Caching mempercepat waktu pemuatan Anda karena elemen halaman seperti indeks pencarian situs, informasi katalog, informasi pengguna, blok bilah sisi, instruksi tata letak, dan file terjemahan disimpan oleh browser. Elemen-elemen ini biasanya tetap sama di setiap halaman, jadi browser tidak perlu meminta sumber daya ini setiap kali pengunjung mengklik halaman baru.

Untuk mengaktifkan cache browser, Anda perlu mengedit header HTTP untuk mengatur waktu kedaluwarsa yang lebih lama untuk jenis file tertentu. Berikut beberapa rekomendasi dari pengembang Google.

6. Kurangi Permintaan HTTP

Sekitar 80% dari waktu respons situs web dikhususkan untuk mengunduh elemen untuk ujung depan seperti gambar, lembar gaya, skrip, elemen Flash, dll. Mengurangi jumlah elemen mengurangi jumlah permintaan HTTP yang diperlukan untuk merender halaman sepenuhnya .

Cara termudah untuk melakukannya adalah membuat situs web Anda lebih sederhana dalam desain. Tapi itu bukan pilihan yang layak dalam banyak kasus. Anda dapat menggunakan sprite CSS dan peta gambar untuk menggabungkan beberapa gambar menjadi satu gambar dan, karenanya, mengurangi jumlah permintaan gambar. Anda juga bisa menggabungkan semua stylesheet menjadi satu file, dan menggabungkan semua CSS menjadi satu stylesheet juga.

7. Gunakan Kompresi Gzip

Ketika pengunjung mengunjungi situs Anda, permintaan dibuat ke server Anda untuk mengirimkan file. Masuk akal bahwa semakin besar file, semakin lama waktu yang dibutuhkan untuk tiba di browser Anda.

Kompresi Gzip memungkinkan server Anda untuk mengompresi file situs sebelum mengembalikannya ke browser, secara drastis mengurangi waktu transfer. Faktanya, gzip dapat memotong ukuran halaman dan stylesheet hingga 90%!

Kompresi diaktifkan melalui konfigurasi server web. Setiap web server akan memiliki instruksi yang berbeda. Ikuti tutorial Google ini untuk lebih jelasnya.

8. Manfaatkan Jaringan Pengiriman Konten

Jika Anda adalah bisnis eCommerce global dengan pengunjung dari seluruh dunia, Anda pasti harus menggunakan jaringan pengiriman konten untuk mengoptimalkan kinerja situs Anda. CDN bekerja dengan menyebarkan node server di seluruh dunia sehingga pengunjung situs Anda dapat mengunduh sumber daya yang di-cache di node terdekat mereka, meningkatkan efisiensi dan memotong latensi pemuatan.

Penyedia CDN membanggakan pipa jaringan yang lebih besar, lebih banyak server yang berlokasi di seluruh dunia, dan kemampuan peering jaringan daripada yang mungkin Anda miliki. Selain itu, mereka memiliki tim khusus yang terus memantau dan mengoptimalkan infrastruktur mereka.

Memilih CDN yang tepat bisa jadi rumit. Mulailah dengan panduan ini.

9. Perkecil Kode Anda

Minifikasi adalah proses menghapus semua karakter yang tidak perlu seperti spasi dan garis putih dari kode sumber Anda tanpa memengaruhi fungsinya, memungkinkan browser memuat halaman lebih cepat. Prosesnya melibatkan file HTML, CSS, dan JavaScript, dan dapat membuat perbedaan besar dalam mempercepat waktu muat Anda. Minifikasi mengurangi ukuran file Anda serta jumlah file yang diperlukan.

Ikuti sumber daya ini untuk membersihkan kode Anda dan mempermudah browser untuk merender halaman Anda.

10. Gunakan Pemuatan Asinkron

Saat browser memuat halaman, itu bergerak dari atas ke bawah. Anda dapat mempercepat dengan mengizinkan skrip Anda seperti CSS dan Javascript untuk memuat secara bersamaan. Ini disebut pemuatan asinkron. Jika skrip Anda dimuat secara sinkron, skrip akan dimuat dalam urutan yang muncul di halaman, yang bisa menjadi proses yang lebih lambat.

Ikuti panduan ini untuk pemahaman dasar tentang cara mengaktifkan pemuatan asinkron.

11. Terus Pantau Kecepatan Situs Anda

Terakhir, kita akan mengakhiri di mana kita memulai: Anda harus menjadikan kinerja situs sebagai prioritas setiap hari. Itu berarti Anda harus terus memantau situs Anda untuk masalah dan mencari cara untuk mengoptimalkan kecepatan dan efisiensi.

PageSpeed ​​Insights Google menawarkan alat yang bagus untuk menganalisis kecepatan situs Anda di seluler dan desktop.

Alat luar biasa lainnya untuk memeriksa kecepatan situs tersedia dari Pingdom.

Ingat aturan praktis itu: Untuk setiap detik lebih lama waktu yang dibutuhkan situs Anda untuk memuat, Anda akan kehilangan 10% dari pengunjung Anda. Aduh.