Website Lambat di HP? Cek Core Web Vitals

Cara memperbaiki website lambat di HP adalah mengukur pengalaman pengunjung, menemukan penyebab keterlambatan, lalu memperbaiki halaman yang paling dekat dengan tujuan bisnis. Mulailah dari halaman layanan, produk, atau formulir yang paling sering digunakan. Skor kecepatan adalah alat diagnosis; pengunjung tetap harus bisa membaca dan bertindak dengan nyaman.

Masalahnya tidak selalu sama. Ada website yang lambat menampilkan konten, ada yang tersendat saat tombol ditekan, dan ada yang membuat tombol bergeser ketika gambar selesai dimuat. Ketiganya membutuhkan penanganan berbeda.

Mengapa performa mobile masih relevan pada 2026?

Web Almanac 2025, yang diterbitkan pada 2026, melaporkan bahwa 48% website mobile dalam analisisnya memiliki Core Web Vitals yang baik. Angka desktop mencapai 56%. Data ini menunjukkan masih adanya ruang perbaikan, tetapi tidak boleh dianggap mewakili seluruh website bisnis Indonesia. Sumber: HTTP Archive, Performance 2025.

Untuk bisnis jasa, periksa hambatan dalam perjalanan pelanggan: halaman penawaran lambat terbuka, formulir tidak responsif, atau tombol konsultasi sulit ditekan. Ukur kejadian tersebut pada website Anda sendiri sebelum memperkirakan dampaknya terhadap penjualan.

Apa itu Core Web Vitals?

Core Web Vitals adalah tiga ukuran pengalaman pengguna: kecepatan konten utama tampil, respons interaksi, dan kestabilan tata letak. Batas kategori baik adalah:

LCP atau Largest Contentful Paint: paling lama 2,5 detik.
INP atau Interaction to Next Paint: paling lama 200 milidetik.
CLS atau Cumulative Layout Shift: paling tinggi 0,1.

Penilaian menggunakan persentil ke-75 pada data pengalaman pengguna, dipisahkan menurut perangkat. Jangan mengambil kesimpulan dari satu kali pengujian di laptop kantor. Sumber: web.dev, Web Vitals.

LCP: apakah konten utama cepat terlihat?

Bayangkan calon pelanggan membuka halaman layanan. Logo muncul, tetapi gambar besar dan judul penawaran baru terlihat beberapa saat kemudian. Ini adalah jenis pengalaman yang perlu diselidiki melalui LCP.

Periksa gambar utama, waktu respons server, dan sumber daya yang menahan tampilan halaman. Google menyarankan agar gambar yang menjadi elemen LCP tidak diberi lazy loading. Teknik untuk gambar di bagian bawah halaman belum tentu cocok untuk gambar utama. Sumber: web.dev, Optimasi LCP.

INP: apakah website merespons saat digunakan?

Halaman bisa terlihat selesai dimuat, tetapi menu terasa macet atau tombol formulir lambat bereaksi. Periksa pekerjaan JavaScript, termasuk skrip pihak ketiga, ketika interaksi berlangsung.

Panduan INP membahas pengurangan pekerjaan berat pada main thread agar browser dapat merespons interaksi. Dalam audit, kaitkan temuan teknis dengan tindakan seperti membuka menu, memilih paket, atau mengirim formulir. Sumber: web.dev, Optimasi INP.

CLS: apakah elemen bergeser tanpa diduga?

Pergeseran tata letak dapat terjadi ketika gambar atau elemen tambahan muncul tanpa ruang yang sudah disediakan. Pengunjung bisa menekan bagian yang salah.

Sediakan dimensi gambar dan ruang untuk elemen dinamis. Periksa juga banner, font, serta widget yang muncul setelah halaman terbuka. Sumber: web.dev, Optimasi CLS.

Cara audit website lambat tanpa menebak penyebab

Mulai dengan daftar URL prioritas. Untuk website jasa, pilih beranda, satu halaman layanan utama, dan halaman kontak. Untuk toko online, tambahkan halaman produk serta perjalanan pembelian yang paling sering digunakan.

Lakukan pemeriksaan berikut:

Buka PageSpeed Insights untuk setiap URL dan periksa data mobile.
Pisahkan data pengguna nyata dari hasil pengujian laboratorium.
Catat metrik yang bermasalah beserta elemen atau interaksi terkait.
Coba perjalanan pelanggan pada ponsel sungguhan.
Cocokkan masalah dengan halaman yang menghasilkan pertanyaan atau transaksi.
Tentukan satu kelompok perbaikan dan ukur ulang setelah diterapkan.

Jika data pengguna nyata belum tersedia, gunakan pengujian laboratorium untuk diagnosis awal. Jangan menyebutnya bukti bahwa seluruh pengunjung sudah mendapatkan pengalaman baik.

Perbaikan mana yang perlu didahulukan?

Gunakan tiga pertanyaan: seberapa berat hambatannya, berapa banyak perjalanan pelanggan yang terkena, dan seberapa besar upaya perbaikannya?

Contoh ilustratif: beranda mendapat skor lebih rendah daripada halaman layanan, tetapi tombol kirim formulir pada halaman layanan tidak responsif. Perbaikan formulir dapat menjadi prioritas karena menghambat tindakan penting secara langsung. Setelah itu, tangani sumber daya berat pada beranda.

Contoh lain: gambar besar pada seluruh halaman produk menggunakan ukuran yang jauh melebihi kebutuhan layar. Memperbaiki template gambar bisa lebih bermanfaat daripada mengoptimalkan satu halaman yang jarang dikunjungi.

Hindari menghapus fitur hanya untuk menaikkan skor. Tombol kontak, informasi layanan, dan aksesibilitas tetap harus berfungsi setelah optimasi.

Bagaimana mengukur hasilnya?

Bandingkan metrik teknis dan perilaku bisnis pada periode yang sebanding. Catat perubahan desain, kampanye, atau sumber trafik karena faktor tersebut dapat memengaruhi hasil.

Pantau:

Perubahan LCP, INP, dan CLS pada perangkat yang sama.
Keberhasilan pengiriman formulir, bukan sekadar klik tombol.
Rasio kunjungan halaman layanan yang berlanjut menjadi pertanyaan.
Keluhan pengguna tentang menu, tampilan, atau formulir.
Performa template lain setelah perubahan bersama diterapkan.

Core Web Vitals digunakan oleh sistem peringkat Google, tetapi hasil yang baik tidak menjamin posisi teratas. Relevansi konten dan kebutuhan pencari tetap penting. Sumber: Google, Page Experience.

Pertanyaan yang sering diajukan

Apakah skor PageSpeed 100 wajib?

Tidak. Jadikan diagnosis masalah dan pengalaman pengguna sebagai sasaran. Skor sempurna tidak menggantikan pengujian apakah pengunjung dapat menyelesaikan kebutuhannya.

Apakah pindah hosting pasti membuat website cepat?

Tidak selalu. Jika masalah utamanya gambar, JavaScript, atau tata letak, pindah hosting saja belum menyelesaikannya. Tentukan penyebab sebelum mengganti infrastruktur.

Apakah website cepat otomatis meningkatkan konversi?

Tidak otomatis. Kecepatan dapat mengurangi hambatan, tetapi hasil juga dipengaruhi penawaran, harga, relevansi trafik, dan kemudahan menghubungi bisnis. Gunakan data website sendiri untuk menilai dampaknya.

Jadikan performa bagian dari pembangunan website

Performa lebih mudah dijaga ketika desain, gambar, fitur, dan integrasi dipertimbangkan bersama. Setelah website berjalan, uji ulang ketika ada perubahan besar pada tema, plugin, atau widget.

Diskusikan kebutuhan website bisnis Anda bersama Jelas Studio. Pembangunan website, SEO, dan GEO dapat direncanakan dengan memperhatikan pengalaman calon pelanggan sejak awal.