Cara mengecek kecepatan website Anda di HP, dan 5 perbaikan yang paling berpengaruh

Banyak pengunjung membuka website dari HP. Kalau halaman lama muncul, tombolnya lambat merespons, atau tampilannya bergeser saat dimuat, pengunjung bisa pergi sebelum menghubungi Anda. Google punya tiga ukuran resmi untuk menilai hal ini, dan Anda bisa mengeceknya sendiri secara gratis.

Tiga ukuran dari Google (Core Web Vitals)

Ukuran	Yang dinilai	Target “baik”
LCP (Largest Contentful Paint)	Seberapa cepat isi utama halaman tampil	2,5 detik atau kurang
INP (Interaction to Next Paint)	Seberapa cepat halaman merespons saat diketuk	200 milidetik atau kurang
CLS (Cumulative Layout Shift)	Seberapa stabil tampilan, tidak bergeser-geser	0,1 atau kurang

Penilaiannya memakai 75% kunjungan, dan dihitung terpisah untuk HP dan komputer. Sebuah halaman dianggap lolos jika ketiga ukuran memenuhi target pada 75% kunjungan.

Apakah ini memengaruhi posisi di Google?

Google menyebut ukuran ini sebagai bagian dari pengalaman halaman yang ingin dihargai oleh sistem peringkatnya, dan sangat menganjurkan agar pemilik website mencapai nilai yang baik. Tetapi Google tidak menyebutnya sebagai satu-satunya faktor. Isi yang relevan tetap yang utama, jadi anggap kecepatan sebagai pelengkap, bukan jalan pintas ke halaman pertama.

Cara mengecek sendiri

1. PageSpeed Insights: buka pagespeed.web.dev, masukkan alamat website Anda, lalu lihat tab Seluler (HP). Jika website Anda sudah cukup sering dikunjungi, bagian atas menampilkan data dari pengunjung sungguhan.
2. Google Search Console: jika website Anda sudah terdaftar, buka laporan Core Web Vitals untuk melihat halaman mana yang perlu diperbaiki.

Ulangi pengecekan setelah setiap perubahan besar, misalnya setelah mengganti foto utama atau menambah plugin.

5 perbaikan yang paling berpengaruh

Perbaikan berikut saya pilih dari rekomendasi resmi Google untuk mempercepat LCP, karena paling sering berhubungan dengan foto.

1. Kecilkan foto utama. Pakai ukuran sesuai tampilan, format modern seperti WebP atau AVIF, lalu kompres. Foto langsung dari kamera HP sering jauh lebih besar dari yang dibutuhkan untuk tampil di layar.
2. Jangan tunda pemuatan foto utama. Fitur lazy-load bagus untuk foto di bagian bawah, tetapi foto paling atas harus dimuat segera.
3. Pastikan foto utama tertulis langsung di halaman, bukan dimunculkan belakangan oleh skrip.
4. Kurangi skrip dan CSS yang menghambat tampilan, misalnya skrip pihak ketiga yang tidak lagi dipakai.
5. Pakai hosting dengan cache dan CDN supaya file dikirim dari server yang dekat dengan pengunjung.

Langkah berikutnya

Coba cek website Anda di PageSpeed Insights hari ini, dan simpan hasilnya sebagai pembanding. Jika angka untuk HP masih merah dan Anda tidak yakin harus mulai dari mana, kirimkan alamat website Anda kepada saya lewat WhatsApp untuk saya bantu baca hasilnya.