Apa Itu Core Web Vitals dan Cara Meningkatkannya untuk Website UMKM

Bayangkan calon pelanggan menemukan toko Anda di Google dan mengklik tautannya. Namun halaman tak kunjung terbuka, tombol baru bisa ditekan setelah beberapa detik, dan begitu halaman muncul, teksnya tiba-tiba bergeser sehingga pelanggan salah menekan menu. Besar kemungkinan orang itu langsung menutup tab dan beralih ke toko lain. Inilah pengalaman yang diukur oleh Core Web Vitals.

Core Web Vitals adalah seperangkat metrik dari Google untuk menilai seberapa cepat, responsif, dan stabil sebuah halaman web dari sudut pandang pengunjung sungguhan. Metrik ini juga menjadi salah satu sinyal yang dipakai sistem peringkat Google. Bagi pemilik website UMKM, memahaminya adalah langkah awal agar website tidak hanya ditemukan, tetapi juga nyaman dipakai.

Apa Itu Core Web Vitals?

Secara sederhana, Core Web Vitals adalah tiga ukuran utama yang menjawab tiga pertanyaan tentang pengalaman pengunjung: seberapa cepat konten utama tampil, seberapa cepat halaman merespons saat diklik, dan seberapa stabil tampilan selama halaman dimuat. Google mengumpulkannya dari data pengguna Chrome yang sebenarnya.

Google menampilkan hasilnya di alat gratis seperti PageSpeed Insights dan Google Search Console. Sebuah halaman dinyatakan lolos apabila 75 persen kunjungan memenuhi ambang “baik” pada ketiga metrik sekaligus — satu metrik yang bagus saja tidak cukup. Susunan metrik ini pernah berubah: sejak Maret 2024, First Input Delay (FID) digantikan oleh Interaction to Next Paint (INP) karena INP mengukur respons halaman secara lebih menyeluruh.

Tiga Metrik Core Web Vitals dan Ambang Nilainya

Berikut tiga metrik yang membentuk Core Web Vitals beserta batas nilai “baik” menurut Google.

1. LCP — Largest Contentful Paint (Kecepatan Muat)

LCP mengukur berapa lama waktu yang dibutuhkan hingga elemen konten terbesar di layar — biasanya gambar utama atau judul besar — selesai tampil. Elemen inilah yang pertama kali dilihat pengunjung, sehingga waktunya sangat menentukan kesan pertama.

Ambang nilai LCP menurut Google:

• Baik: 2,5 detik atau kurang
• Perlu perbaikan: antara 2,5 hingga 4 detik
• Buruk: lebih dari 4 detik

Penyebab LCP yang lambat biasanya adalah gambar utama yang terlalu besar, server hosting yang lambat merespons, atau skrip yang menahan pemuatan halaman.

2. INP — Interaction to Next Paint (Responsivitas)

INP mengukur seberapa cepat halaman memberikan umpan balik visual setelah pengunjung berinteraksi, misalnya mengeklik tombol atau mengetik di kolom pencarian. Metrik ini menilai seluruh interaksi selama kunjungan, bukan hanya yang pertama.

Ambang nilai INP menurut Google:

• Baik: 200 milidetik atau kurang
• Perlu perbaikan: antara 200 hingga 500 milidetik
• Buruk: lebih dari 500 milidetik

INP yang buruk biasanya disebabkan JavaScript yang terlalu berat, seperti terlalu banyak plugin atau widget chat, sehingga tombol terasa “macet”.

3. CLS — Cumulative Layout Shift (Stabilitas Tampilan)

CLS mengukur seberapa sering dan seberapa besar isi halaman bergeser tiba-tiba tanpa diminta pengunjung — misalnya tombol “Beli” yang terdorong ke bawah karena gambar di atasnya baru selesai dimuat.

Ambang nilai CLS:

• Baik: 0,1 atau kurang
• Perlu perbaikan: antara 0,1 hingga 0,25
• Buruk: lebih dari 0,25

Berbeda dengan dua metrik sebelumnya, CLS bukan diukur dalam satuan waktu, melainkan skor tanpa satuan. Penyebab umumnya adalah gambar tanpa ukuran yang ditentukan.

Kenapa Core Web Vitals Penting untuk Website UMKM?

Ada dua alasan utama mengapa metrik ini patut diperhatikan pemilik usaha kecil. Pertama, Google secara terbuka menyatakan bahwa Core Web Vitals dipakai oleh sistem peringkatnya. Di antara dua website dengan isi yang sama-sama relevan, website yang lebih cepat dan stabil berpeluang tampil lebih tinggi di hasil pencarian. Ini bukan jaminan peringkat pertama — relevansi konten tetap menjadi penentu utama — tetapi kecepatan bisa menjadi pembeda saat persaingan ketat.

Kedua, pengalaman pengunjung. Website UMKM umumnya dikunjungi lewat ponsel dengan koneksi yang tidak selalu kencang. Halaman yang lambat membuat calon pelanggan pergi sebelum sempat melihat produk Anda, sedangkan website yang cepat dan stabil membuat pengunjung betah menjelajah katalog dan akhirnya menghubungi Anda lewat WhatsApp.

Cara Mengecek Skor Core Web Vitals Website Anda

Sebelum memperbaiki, Anda perlu tahu dulu kondisi website saat ini — dan Google menyediakan alat gratis untuk itu.

PageSpeed Insights adalah alat paling praktis untuk pemula. Buka pagespeed.web.dev, masukkan alamat halaman website Anda, lalu tunggu hasil analisisnya. Di bagian atas laporan, Anda akan melihat penilaian “Lulus” atau “Gagal”, lengkap dengan angka LCP, INP, dan CLS untuk ponsel dan desktop. Perhatikan tab ponsel, karena sebagian besar pengunjung UMKM datang dari sana.

Google Search Console cocok untuk memantau seluruh website sekaligus. Di laporan Core Web Vitals, Anda bisa melihat halaman mana saja yang bermasalah berdasarkan data kunjungan nyata 28 hari terakhir. Utamakan halaman yang banyak dikunjungi, seperti beranda dan halaman produk terlaris.

7 Langkah Praktis Meningkatkan Core Web Vitals

Berikut langkah-langkah yang bisa diterapkan pemilik website UMKM, sebagian besar tanpa keahlian pemrograman.

1. Kompres dan ubah format gambar

Gambar adalah penyebab paling umum dari LCP yang lambat. Sebelum mengunggah foto produk, kompres ukurannya dengan alat gratis seperti TinyPNG, lalu ubah ke format modern seperti WebP yang jauh lebih ringan daripada JPEG atau PNG. Usahakan ukuran file di bawah 150 KB.

2. Jangan malas memuat gambar utama

Lazy load memang bagus untuk gambar di bagian bawah halaman, tetapi jangan pernah menerapkannya pada gambar utama di bagian atas. Gambar utama justru harus dimuat secepat mungkin dan bisa diberi prioritas khusus.

3. Kurangi JavaScript dan plugin yang tidak perlu

Setiap plugin, widget chat, dan skrip pelacak menambah beban browser dan memperburuk INP. Audit plugin WordPress Anda: hapus yang sudah tidak dipakai dan tunda pemuatan skrip yang tidak penting.

4. Pilih hosting yang cepat dan aktifkan caching

Server yang lambat merespons akan membuat semua metrik ikut buruk, seberapa pun Anda mengoptimalkan gambar. Pilih hosting dengan server yang lokasinya dekat dengan pelanggan Anda dan memakai PHP versi terbaru. Aktifkan pula plugin caching — seperti LiteSpeed Cache atau WP Rocket — agar halaman tersimpan siap saji.

5. Tentukan ukuran gambar dan ruang untuk iklan

CLS yang buruk paling sering disebabkan elemen yang tidak punya ukuran tetap. Pastikan setiap gambar dan video memiliki atribut lebar dan tinggi, dan sisakan ruang khusus untuk banner promo agar konten di bawahnya tidak terdorong.

6. Gunakan font yang ringan dan stabil

Font web yang berat bisa menunda tampilan teks dan memicu pergeseran layout. Batasi jenis font yang dipakai — satu atau dua sudah cukup — dan pilih format modern seperti WOFF2.

7. Pertimbangkan CDN untuk menjangkau pelanggan di berbagai daerah

CDN menyimpan salinan website Anda di server-server yang tersebar di berbagai lokasi, sehingga pengunjung di luar kota tidak perlu mengunduh dari server yang jauh. Cloudflare, misalnya, memiliki paket gratis yang sudah cukup untuk website UMKM.

Contoh Nyata untuk Website UMKM

Bayangkan sebuah toko kue rumahan di Bandung dengan website berisi katalog dan tombol pemesanan WhatsApp. Setelah dicek di PageSpeed Insights, skor LCP-nya 4,2 detik karena foto kue di halaman utama berukuran 3 MB dan dimuat bersama slider yang berat. Pemiliknya lalu mengompres semua foto menjadi WebP di bawah 150 KB, mengganti slider dengan satu gambar utama, dan menghapus tiga plugin yang tidak dipakai.

Setelah perbaikan, waktu muat halaman utama turun di bawah 2,5 detik, tombol WhatsApp merespons lebih cepat, dan tidak ada lagi teks yang bergeser. Perubahan sederhana ini tidak membutuhkan biaya besar, tetapi dampaknya terasa: pengunjung lebih lama menjelajah katalog dan lebih mudah menyelesaikan pemesanan.

Kesimpulan

Core Web Vitals adalah cara Google mengukur pengalaman nyata pengunjung website Anda melalui tiga metrik: LCP untuk kecepatan muat, INP untuk responsivitas, dan CLS untuk stabilitas tampilan. Ambang “baik”-nya jelas — LCP 2,5 detik atau kurang, INP 200 milidetik atau kurang, dan CLS 0,1 atau kurang — dan semuanya bisa dicek gratis lewat PageSpeed Insights dan Google Search Console.

Untuk website UMKM, meningkatkan skor ini bukan proyek teknis yang menakutkan, melainkan serangkaian langkah praktis: kompres gambar, kurangi plugin, tentukan ukuran elemen, dan pilih hosting yang cepat. Mulailah dari satu halaman terpenting Anda hari ini. Website yang cepat bukan hanya disukai Google — tetapi juga dipercaya pelanggan.