Press ESC to close

Core Web Vitals: Cara Cek dan Perbaiki Skor Website Anda

Core Web Vitals adalah tiga skor dari Google yang menilai apakah website Anda terasa cepat, responsif, dan tidak bergeser-geser saat dibuka. Kalau skornya merah, pengunjung mudah menutup halaman sebelum sempat membaca penawaran Anda, dan peringkat di hasil pencarian ikut tertekan. Kabar baiknya, sebagian besar masalahnya bisa dicek gratis dan diperbaiki tanpa membangun ulang website.

Artikel ini menjelaskan arti tiga metriknya, cara membaca skor, penyebab paling umum, dan urutan perbaikan yang paling cepat memberi hasil.

Apa Itu Core Web Vitals dan Kenapa Penting?

Core Web Vitals adalah kumpulan metrik yang mengukur pengalaman pengguna nyata di sebuah halaman. Google menjadikannya sinyal peringkat sejak 2021, sehingga website yang lambat berisiko kalah dari pesaing yang konten dan optimasinya setara. Dasar teknisnya bisa Anda baca langsung di panduan resmi web.dev dari Google.

Ada tiga metrik yang dinilai:

  • LCP (Largest Contentful Paint): seberapa cepat elemen terbesar di layar, biasanya gambar utama atau judul, selesai tampil.
  • INP (Interaction to Next Paint): seberapa cepat halaman merespons klik, ketukan, atau ketikan. Metrik ini menggantikan FID sejak Maret 2024.
  • CLS (Cumulative Layout Shift): seberapa stabil tata letak. Skor buruk terjadi saat tombol atau teks tiba-tiba bergeser dan membuat pengunjung salah tekan.

Batas nilai yang dianggap baik

MetrikBaikPerlu perbaikanBuruk

LCP≤ 2,5 detik2,5 – 4,0 detik> 4,0 detik
INP≤ 200 ms200 – 500 ms> 500 ms
CLS≤ 0,10,1 – 0,25> 0,25

Penilaian memakai data pengguna Chrome yang sebenarnya, pada persentil ke-75 selama 28 hari. Artinya, perbaikan yang Anda lakukan hari ini baru tercermin penuh di laporan sekitar empat minggu kemudian.

Cara Cek Core Web Vitals Website Anda

Anda tidak perlu alat berbayar untuk memulai. Dua alat resmi dari Google sudah cukup untuk melihat posisi website Anda.

  1. Buka PageSpeed Insights, masukkan URL halaman penting (beranda, halaman produk, halaman kontak), lalu lihat tab Mobile lebih dulu karena mayoritas pengunjung Indonesia memakai ponsel.
  2. Buka Google Search Console, lalu masuk ke laporan Core Web Vitals di menu Experience. Di sini Anda melihat status seluruh URL, bukan hanya satu halaman.
  3. Bedakan data lapangan (dari pengguna nyata) dan data lab (simulasi). Data lapangan yang menentukan penilaian, sedangkan data lab membantu Anda menemukan penyebabnya.
  4. Catat skor awal setiap halaman. Tanpa catatan, Anda sulit membuktikan bahwa perbaikan benar-benar berhasil.

Penyebab Skor Core Web Vitals Buruk

Dari berbagai audit website bisnis, pola penyebabnya hampir selalu sama:

  • Gambar terlalu berat. Foto beranda berukuran 2–5 MB tanpa kompresi adalah penyebab LCP lambat yang paling sering ditemukan.
  • Server lambat merespons. Kalau server butuh waktu lama untuk mengirim byte pertama, semua proses setelahnya ikut tertunda.
  • JavaScript dan plugin berlebihan. Skrip yang menumpuk membuat browser sibuk dan menaikkan INP.
  • Widget pihak ketiga. Live chat, pelacak iklan, dan pop-up sering menjadi biang INP dan CLS yang buruk, terutama di WordPress.
  • Elemen tanpa ukuran. Gambar, banner, atau iklan yang tidak punya dimensi tetap membuat tata letak bergeser saat dimuat.

Langkah Memperbaiki LCP, INP, dan CLS

Percepat LCP

Mulai dari gambar utama. Ubah ke format WebP, kompres hingga idealnya di bawah sekitar 200 KB, dan jangan beri lazy load pada gambar yang langsung terlihat di layar pertama. Aktifkan juga cache halaman serta kompresi file agar halaman terkirim lebih ringan.

Turunkan INP

Kurangi skrip yang tidak perlu, lalu tunda (defer) skrip non-esensial seperti pelacak dan live chat. Cek plugin satu per satu: nonaktifkan yang jarang dipakai, dan ganti plugin berat dengan alternatif yang lebih ringan. Untuk tim pengembang, memecah tugas JavaScript yang panjang menjadi bagian-bagian kecil juga sangat membantu.

Stabilkan CLS

Beri atribut lebar dan tinggi pada setiap gambar dan video. Sediakan ruang tetap untuk banner atau iklan, dan pastikan font web tidak membuat teks melompat saat dimuat. Perbaikan CLS umumnya paling cepat dan paling murah.

Peran Hosting dalam Skor Core Web Vitals

Optimasi di sisi website punya batas. Jika server lambat, skor LCP tetap sulit turun walau gambar sudah ringan. Metrik pendukungnya adalah TTFB (Time to First Byte), yaitu waktu hingga browser menerima data pertama dari server. Google menyarankan angka di bawah 0,8 detik.

Beberapa hal di sisi hosting yang berpengaruh langsung:

Jika sudah mengoptimalkan gambar dan plugin tetapi TTFB tetap tinggi, itu tanda hosting Anda mulai tidak memadai. Pindah ke paket yang lebih tepat bisa dilakukan tanpa website mati, seperti dijelaskan di panduan migrasi website tanpa downtime.

Urutan Perbaikan yang Disarankan

Supaya tidak bingung memulai dari mana, ikuti urutan berikut. Urutan ini disusun dari yang paling mudah dan berdampak besar.

  1. Ukur skor awal di PageSpeed Insights dan Search Console.
  2. Kompres dan ubah format gambar, terutama gambar di layar pertama.
  3. Tambahkan dimensi pada gambar, video, dan ruang iklan.
  4. Aktifkan cache dan kompresi, lalu pertimbangkan CDN.
  5. Hapus plugin dan skrip pihak ketiga yang tidak penting.
  6. Periksa TTFB. Bila masih tinggi, evaluasi paket dan lokasi server hosting.
  7. Tunggu sekitar 28 hari, lalu bandingkan dengan catatan skor awal.

Perlu diingat, skor sempurna bukan tujuan akhir. Target yang realistis adalah masuk kategori baik di ketiga metrik pada halaman yang paling banyak dikunjungi, karena di situlah dampaknya ke bisnis terasa. Kecepatan juga hanya satu bagian dari strategi. Konten yang relevan tetap penting, termasuk di tengah perubahan pencarian seperti dibahas di artikel tentang Google AI Mode dan SEO.

Kesimpulan

Core Web Vitals bukan istilah teknis yang hanya penting bagi developer. Ketiga metriknya langsung berkaitan dengan kenyamanan pengunjung, peringkat pencarian, dan peluang transaksi. Mulailah dengan mengukur, perbaiki gambar dan skrip, lalu pastikan hosting Anda tidak menjadi penghambat.

Jika skor website Anda masih merah karena server yang lambat, tim Antahost siap membantu memilih paket hosting yang sesuai kebutuhan dan memindahkan website Anda dengan aman. Hubungi kami untuk konsultasi, lalu ukur ulang skor Anda sebulan kemudian.

Leave a Reply

Your email address will not be published. Required fields are marked *