Bayangkan Anda membuka toko fisik, tetapi pintu masuknya macet, lampu menyala terlambat 5 detik, dan rak-rak barang terus bergeser saat pengunjung mencoba menjangkau produk. Tidak ada yang mau berlama-lama di sana, bukan? Itulah persis yang terjadi ketika website Anda lambat dan tidak stabil — hanya saja kali ini yang pergi adalah calon pembeli Anda.
Google menyebut pengalaman seperti itu sebagai sinyal buruk, dan sejak 2021 mereka resmi menggunakannya sebagai salah satu faktor penentu ranking pencarian. Nama resminya: Core Web Vitals.
Apa Itu Core Web Vitals?
Core Web Vitals adalah tiga metrik utama yang Google gunakan untuk mengukur seberapa nyaman pengunjung menggunakan sebuah halaman website. Bukan seberapa bagus desainnya, bukan seberapa banyak kontennya — melainkan seberapa cepat dan stabil pengalaman yang dirasakan pengguna nyata.
Tiga metrik ini saling melengkapi: seberapa cepat halaman terlihat siap, seberapa responsif saat diklik, dan seberapa stabil tampilannya saat dimuat.
1. LCP — Largest Contentful Paint (Kecepatan Tampil Konten Utama)
Apa artinya: Waktu yang dibutuhkan hingga elemen terbesar di layar (biasanya foto produk, banner hero, atau judul besar) selesai dimuat dan terlihat oleh pengguna.
Analogi: Ini seperti mengukur berapa lama pelayan restoran butuh untuk meletakkan makanan di meja Anda setelah Anda duduk. Makin lama, makin tidak sabar tamunya.
Angka yang baik:
| Skor | Waktu LCP |
|---|---|
| Baik | Di bawah 2,5 detik |
| Perlu perbaikan | 2,5 – 4 detik |
| Buruk | Di atas 4 detik |
Penyebab LCP buruk yang paling umum: gambar berukuran besar tanpa kompresi, hosting yang lambat merespons, dan font yang dimuat dari server jauh.
2. INP — Interaction to Next Paint (Kecepatan Respons Klik)
Apa artinya: Seberapa cepat halaman merespons setiap interaksi pengguna — ketukan, klik tombol, atau isian form — hingga tampilannya berubah sebagai konfirmasi. INP resmi menggantikan metrik FID (First Input Delay) sejak Maret 2024.
Analogi: Bayangkan menekan tombol lift, lalu menunggu sampai lampunya menyala sebagai konfirmasi. Kalau lampunya menyala lebih dari setengah detik, Anda mulai menekan berulang-ulang karena tidak yakin tombolnya berfungsi.
Angka yang baik:
| Skor | Waktu INP |
|---|---|
| Baik | Di bawah 200 milidetik |
| Perlu perbaikan | 200 – 500 milidetik |
| Buruk | Di atas 500 milidetik |
Penyebab umum: JavaScript yang terlalu berat berjalan di latar belakang, plugin atau widget pihak ketiga yang boros proses, dan kode yang tidak dioptimalkan.
3. CLS — Cumulative Layout Shift (Stabilitas Tampilan)
Apa artinya: Seberapa sering elemen di halaman bergeser posisinya secara tiba-tiba saat halaman dimuat. Misalnya: Anda hampir mengklik tombol “Beli Sekarang”, tapi tiba-tiba ada iklan yang muncul dari atas dan tombolnya bergeser ke bawah — sehingga Anda malah mengklik sesuatu yang lain.
Analogi: Seperti mencoba membaca buku sambil ada yang terus-terusan menggeser halaman saat Anda hampir sampai di kalimat yang dituju.
Angka yang baik:
| Skor | Skor CLS |
|---|---|
| Baik | Di bawah 0,1 |
| Perlu perbaikan | 0,1 – 0,25 |
| Buruk | Di atas 0,25 |
Penyebab umum: gambar tanpa dimensi yang sudah ditentukan, iklan atau embed yang dimuat belakangan, dan font yang mengganti teks sementara saat baru dimuat.
Kenapa Core Web Vitals Penting untuk Bisnis Anda?
Ada dua dampak langsung yang terasa di kantong.
Dampak ke Ranking Google
Sejak pembaruan “Page Experience” diluncurkan, Google secara eksplisit menyebutkan Core Web Vitals sebagai sinyal ranking. Artinya: dua website dengan konten yang sama bobotnya bisa mendapat posisi berbeda di hasil pencarian, dan website yang punya Core Web Vitals lebih baik berpotensi menang.
Untuk bisnis lokal yang bersaing di kata kunci seperti “jasa katering Surabaya” atau “toko kue online Bandung”, selisih satu atau dua posisi di Google bisa berarti ratusan pengunjung berbeda per bulan.
Dampak ke Konversi dan Penjualan
Ini yang sering diabaikan pemilik UMKM: website lambat tidak hanya menurunkan ranking, tapi juga langsung mengusir calon pembeli.
Beberapa data yang relevan untuk konteks Indonesia:
- Rata-rata pengguna mobile meninggalkan halaman jika tidak dimuat dalam 3 detik — sementara mayoritas akses internet di Indonesia menggunakan smartphone dengan koneksi yang bervariasi.
- Setiap keterlambatan 1 detik pada waktu muat halaman dapat menurunkan konversi hingga 7% (sumber: riset Akamai/Google yang sudah banyak direplikasi di berbagai industri).
- Pengguna yang mengalami pergeseran layout tiba-tiba (CLS tinggi) lebih cenderung tidak jadi melakukan pembelian karena merasa website tidak profesional atau tidak aman.
Singkatnya: website yang lambat sama seperti toko yang susah dicari dan tidak nyaman dikunjungi — sekalipun produk Anda bagus, orang tidak akan sempat melihatnya.
Anda bisa baca lebih lanjut tentang website lambat: penyebab & solusi untuk memahami akar masalahnya lebih dalam.
Cara Cek Core Web Vitals Website Anda
Kabar baiknya: semua alat ini gratis.
1. PageSpeed Insights — pagespeed.web.dev Masukkan URL website Anda, dan dalam hitungan detik Anda akan melihat skor untuk desktop dan mobile, lengkap dengan penjelasan apa yang perlu diperbaiki. Ini titik awal yang paling mudah.
2. Google Search Console — Laporan Core Web Vitals Jika website Anda sudah terdaftar di Search Console, buka menu “Pengalaman” > “Core Web Vitals”. Di sini Anda melihat data dari pengguna nyata (bukan simulasi), termasuk halaman mana saja yang bermasalah.
3. Lighthouse (di Chrome DevTools) Buka website di Chrome, tekan F12, pilih tab “Lighthouse”, lalu klik “Analyze page load”. Berguna untuk mengecek halaman yang belum dipublikasikan atau halaman di balik login.
Penyebab Umum Skor Buruk dan Solusinya
Gambar Terlalu Besar
Foto produk yang diunggah langsung dari kamera (bisa 3–8 MB) tanpa dikompres adalah penyebab LCP buruk yang paling umum.
Solusi: Kompres gambar ke format WebP, ukuran file di bawah 200 KB untuk gambar konten biasa, dan pastikan dimensi gambar sudah ditentukan di kode agar tidak ada CLS.
JavaScript yang Berlebihan
Setiap plugin, widget live chat, pixel iklan, dan script analytics menambah beban yang harus diproses browser sebelum halaman bisa digunakan.
Solusi: Audit script yang aktif, nonaktifkan yang tidak perlu, dan muat script non-kritis secara lazy (ditunda).
Hosting yang Lambat Merespons
Server yang lambat (TTFB — Time to First Byte — di atas 600ms) akan membuat semua metrik lain ikut buruk, tidak peduli seberapa bagus kodenya.
Solusi: Pindah ke hosting yang lebih baik dengan server berlokasi di Asia Tenggara, atau gunakan CDN.
Tidak Ada Caching
Setiap kunjungan memuat semua file dari awal, padahal banyak yang tidak berubah.
Solusi: Aktifkan browser caching dan server-side caching — ini bisa dipasang di level hosting atau plugin (untuk WordPress).
Checklist Core Web Vitals untuk UMKM
- Cek skor di PageSpeed Insights untuk versi mobile
- LCP di bawah 2,5 detik? Jika tidak, cek ukuran gambar hero/banner
- INP di bawah 200ms? Jika tidak, kurangi plugin dan script pihak ketiga
- CLS di bawah 0,1? Jika tidak, tambahkan dimensi eksplisit pada semua gambar
- Ukuran file gambar sudah di bawah 200 KB dan format WebP?
- Hosting sudah menggunakan server di Asia atau ada CDN?
- Caching sudah diaktifkan?
- Cek laporan Core Web Vitals di Search Console setiap bulan
Kesimpulan
Core Web Vitals bukan istilah teknis yang hanya urusan developer — ini adalah ukuran langsung seberapa nyaman pengunjung menggunakan website Anda, dan Google menggunakannya untuk menentukan siapa yang muncul lebih tinggi di hasil pencarian. Skor buruk berarti lebih sedikit pengunjung, dan dari pengunjung yang ada, lebih banyak yang pergi sebelum membeli.
Langkah pertama selalu sama: ukur dulu kondisi Anda sekarang menggunakan PageSpeed Insights, lalu prioritaskan perbaikan berdasarkan halaman yang paling banyak mendatangkan calon pembeli.
Jika hasilnya mengkhawatirkan dan Anda tidak tahu harus mulai dari mana, jasa optimasi kecepatan website Super Kilat bisa membantu — dari audit hingga implementasi perbaikan, tanpa Anda perlu memahami satu baris kode pun.
Ingin tahu skor Core Web Vitals website Anda dan apa yang harus diperbaiki duluan? Konsultasi Gratis dengan tim Super Kilat — kami akan analisis website Anda dan berikan rekomendasi yang actionable.