Langsung ke konten utama
Semua catatan

Website Lambat di HP, Calon Pelanggan Pergi Sebelum Lihat Harga

Website yang lambat di HP kehilangan pengunjung sebelum mereka sempat melihat penawaranmu. Cara ngecek sendiri, penyebab yang paling sering, dan contoh perbaikan dari website ini.

Bagikan

Bagikan ke Instagram Stories

Menyiapkan gambar…

  1. Link sudah disalin.
  2. Unduh gambarnya, lalu unggah ke Instagram Stories dari HP.
  3. Tambahkan stiker Link di Story, lalu tempel link-nya.
Unduh gambar

Instagram Stories cuma bisa dibuat dari aplikasi di HP.

Bagikan ke TikTok

Menyiapkan gambar…

  1. Caption dan link sudah disalin.
  2. Unduh gambarnya, lalu unggah sebagai postingan foto di TikTok.
  3. Tempel caption-nya sebelum posting.
Unduh gambar

Paling gampang diposting dari aplikasi TikTok di HP.

Jam pasir kaca di atas meja gelap dengan pasir bercahaya yang turun sangat pelan melewati lehernya yang sempit

Calon pelanggan mengetuk link website dari Instagram atau WhatsApp. Layarnya putih. Satu detik, dua detik, tiga detik. Sebelum harga dan foto produknya muncul, mereka sudah kembali ke aplikasi sebelumnya.

Website yang lambat jarang terasa lambat oleh pemiliknya, karena pemiliknya membuka dari laptop dengan internet kantor yang kencang. Calon pelanggan membukanya dari HP, sering kali dengan sinyal yang biasa saja.

Cara ngecek sendiri

Buka PageSpeed Insights dan masukkan alamat websitemu. Ada dua jenis hasil yang perlu dibedakan:

  • Data lapangan, dari pengguna Chrome sungguhan selama 28 hari terakhir. Menurut dokumentasi Google, data ini hanya muncul kalau websitemu punya cukup pengunjung. Website baru atau yang trafiknya kecil sering belum punya.
  • Data lab, hasil simulasi satu kali muat halaman dengan satu jenis perangkat dan koneksi tertentu. Berguna untuk mencari penyebab, tapi bukan pengalaman pengunjung yang sebenarnya.

Tiga angka utama yang disebut Core Web Vitals punya batas "bagus" yang dinilai di persentil ke-75 kunjungan:

UkuranArtinyaBatas bagus
LCPBerapa lama sampai konten terbesar, biasanya foto atau judul utama, tampil2,5 detik atau kurang
INPSeberapa cepat halaman merespons saat diketuk atau diklik200 milidetik atau kurang
CLSSeberapa banyak tampilan bergeser sendiri saat dimuat0,1 atau kurang

Google juga menyarankan pemilik website mencapai Core Web Vitals yang bagus, dan menulis di Search Central bahwa hal ini sejalan dengan apa yang ingin dihargai sistem peringkatnya. Tapi alasan utamanya tetap pengunjung: mereka yang pergi sebelum halaman muncul nggak akan pernah jadi pelanggan.

Penyebab yang paling sering

  1. Gambar terlalu besar. Foto 5 MB langsung dari kamera ditampilkan di layar HP selebar beberapa ratus piksel.
  2. Terlalu banyak plugin dan script. Widget chat, pixel iklan, slider, popup, dan analytics yang semuanya dimuat sebelum konten utama.
  3. Hosting yang lambat, terutama paket paling murah yang dipakai bersama banyak website lain.
  4. CSS dan font yang menahan tampilan, sehingga browser menunggu file lain dulu sebelum menampilkan apa pun.
  5. Animasi di bagian atas halaman yang membuat konten utama baru muncul setelah efeknya selesai.
Bingkai foto besar berukir yang berat menindih kotak kaca kecil sampai kacanya mulai retak
Gambar yang terlalu berat untuk layar HP adalah penyebab yang paling sering, dan paling gampang diperbaiki.

Contoh dari website ini

Website yang sedang kamu baca juga pernah kubenahi untuk HP. Ada tiga perubahan: CSS dimasukkan langsung ke halaman supaya browser nggak perlu menunggu file terpisah, script analytics baru dimuat setelah halaman selesai, dan teks serta foto di bagian atas langsung tampil tanpa efek muncul perlahan. Diuji dengan profil HP yang dilambatkan, waktu sampai konten terbesar tampil turun dari 2,8 detik ke 1,1 detik.

Waktu sampai konten terbesar tampil (LCP), uji di profil HP yang dilambatkan(detik)

  • Sebelum2,8 dtk
  • Sesudah1,1 dtk
Hasil uji lab di website ini, bukan data pengunjung nyata. Batas bagus menurut Google adalah 2,5 detik.

Nggak ada yang rumit di situ. Yang dibutuhkan adalah tahu bagian mana yang menahan tampilan, lalu menyingkirkannya dari jalur paling awal.

Urutan perbaikan yang masuk akal

Ini saranku, dari yang paling murah dan paling berdampak:

  1. Kecilkan dan ubah format gambar ke WebP atau AVIF, dengan ukuran sesuai tampilan di layar.
  2. Kurangi plugin dan script, dan tunda yang nggak penting untuk tampilan pertama, seperti widget chat dan analytics.
  3. Aktifkan caching dan CDN kalau hostingmu mendukung.
  4. Pertimbangkan pindah hosting kalau server tetap lambat setelah semua langkah di atas.
  5. Ukur ulang setelah setiap perubahan, supaya tahu mana yang benar-benar berpengaruh.

Kalau websitenya dibangun dengan tema atau page builder yang sangat berat, kadang lebih murah membangun ulang dengan rapi daripada menambal terus. Pertimbangannya ada di Website Portofolio Sekarang Murah Semua, Tapi Ini Baru Waktu yang Tepat untuk Bikin, dan contoh membangun dari nol ada di case study website PT Damai Sejahtera Metalindo.

Penutup

Website yang lambat di HP diam-diam membuang calon pelanggan yang sudah susah payah kamu tarik lewat iklan, konten, atau jawaban AI. Cek sendiri di PageSpeed Insights, mulai dari gambar dan script, lalu ukur ulang. Kecepatan bukan fitur tambahan, tapi syarat supaya penawaranmu sempat dilihat.

Kalau websitemu terasa lambat di HP dan kamu nggak tahu harus mulai dari mana, cerita aja dulu alamat websitenya.

Bermanfaat? Bagikan ke teman atau tim kamu.

Bagikan

Bagikan ke Instagram Stories

Menyiapkan gambar…

  1. Link sudah disalin.
  2. Unduh gambarnya, lalu unggah ke Instagram Stories dari HP.
  3. Tambahkan stiker Link di Story, lalu tempel link-nya.
Unduh gambar

Instagram Stories cuma bisa dibuat dari aplikasi di HP.

Bagikan ke TikTok

Menyiapkan gambar…

  1. Caption dan link sudah disalin.
  2. Unduh gambarnya, lalu unggah sebagai postingan foto di TikTok.
  3. Tempel caption-nya sebelum posting.
Unduh gambar

Paling gampang diposting dari aplikasi TikTok di HP.

Ada proses di tim kamu yang masih manual?

Cerita aja, kita cariin solusinya bareng.