Website lambat diam-diam membuat kamu kehilangan pelanggan
Setiap detik tambahan saat loading membuat pengunjung pergi. Ini penyebab website lambat dan cara kami menjaganya tetap cepat.
Tim Nexcraft
Studio Web & Sistem
Pengunjung tidak pernah mengirim keluhan soal website yang lambat. Mereka hanya menutup tab dan membuka website pesaing.
Setiap detik ada harganya
Riset Google menemukan bahwa peluang pengunjung meninggalkan halaman naik 32% ketika waktu muat bertambah dari satu menjadi tiga detik.1 Untuk toko online, itu berarti keranjang yang ditinggalkan. Untuk website jasa, itu berarti calon klien yang tidak pernah menghubungi.
Masalahnya, pemilik website jarang merasakannya. Website dibuka dari laptop kantor dengan internet cepat, sementara pelanggan membukanya dari ponsel dengan sinyal seadanya.
Penyebab yang paling sering kami temukan
- Gambar terlalu besar. Foto 5 MB langsung dari kamera ditampilkan di layar selebar 400 piksel.
- Terlalu banyak plugin. Setiap plugin menambah skrip yang harus diunduh.
- Hosting murah yang padat. Ratusan website berbagi satu server yang sama.
- Tidak ada cache. Halaman yang sama dibuat ulang untuk setiap pengunjung.
Cara kami menjaga website tetap cepat
Kecepatan bukan fitur yang ditambahkan di akhir. Kami memperhitungkannya sejak baris kode pertama:
- Gambar dikonversi ke format modern seperti
WebPdan diperkecil sesuai ukuran layar. - Gambar di bawah layar baru dimuat saat dibutuhkan dengan
loading="lazy". - Halaman disajikan dari CDN yang dekat dengan pengunjung.
<img
src="/produk/kopi-susu.webp"
width="800"
height="600"
loading="lazy"
alt="Kopi susu gula aren"
/>Atribut width dan height mencegah halaman “melompat” saat gambar dimuat, sementara loading menghemat kuota pengunjung yang belum menggulir ke bawah.
“Website tercepat adalah website yang hanya mengirim apa yang benar-benar dibutuhkan.”
Cek website kamu sendiri
Buka website kamu di jendela penyamaran, lalu tekan Ctrl + Shift + R untuk memuat ulang tanpa cache. Untuk angka yang lebih objektif, jalankan PageSpeed Insights dan perhatikan skor versi mobile.
| Metrik | Artinya | Target |
|---|---|---|
| LCP | Konten utama tampil | Di bawah 2,5 detik |
| INP | Respons saat diklik | Di bawah 200 ms |
| CLS | Tata letak bergeser | Di bawah 0,1 |
Jangan panik jika skornya merah
Sebagian besar masalah di atas bisa diperbaiki tanpa membangun ulang website dari nol. Mulailah dari gambar, karena di situlah biasanya penghematan terbesar berada.
Setelah gambar beres, periksa plugin dan skrip pihak ketiga satu per satu. Yang tidak memberi manfaat nyata sebaiknya dilepas.
1 Think with Google, riset kecepatan halaman mobile, 2017.