Apa Itu Core Web Vitals? Cara Mengukur dan Memperbaikinya

Pengunjung jarang menunggu website yang lambat. Mereka menutup halaman, lalu pindah ke pesaing Anda. Google memahami perilaku ini, sehingga Google mengukur pengalaman halaman lewat core web vitals. Artikel ini menjelaskan tiga metrik utamanya, batas nilai yang baik, dan langkah memperbaikinya di WordPress.

Apa Itu Core Web Vitals?

Google merangkum pengalaman halaman ke dalam tiga metrik. Ketiganya mengukur pengalaman nyata pengguna saat membuka sebuah halaman. Metrik pertama mengukur kecepatan muat, metrik kedua mengukur respons terhadap interaksi, dan metrik ketiga mengukur kestabilan tampilan. Google memasukkan metrik ini ke dalam sinyal pengalaman halaman. Meskipun begitu, konten yang relevan tetap menjadi faktor yang paling kuat.

Perlu Anda ingat, Google mengganti metrik First Input Delay dengan Interaction to Next Paint pada Maret 2024. Karena itu, panduan lama yang masih menyebut FID sudah tidak berlaku.

Tiga Metrik Utama dan Batas Nilainya

Google menilai setiap metrik pada persentil ke-75 data pengunjung nyata. Artinya, minimal 75 persen kunjungan harus mencapai nilai baik. Berikut batasnya:

Largest Contentful Paint (LCP): baik jika 2,5 detik atau kurang. Metrik ini mengukur waktu muat elemen terbesar di layar.
Interaction to Next Paint (INP): baik jika 200 milidetik atau kurang. Metrik ini mengukur seberapa cepat halaman merespons klik, ketukan, dan ketikan.
Cumulative Layout Shift (CLS): baik jika 0,1 atau kurang. Metrik ini mengukur seberapa sering elemen halaman bergeser tiba-tiba.

Sebagai contoh, tombol yang pindah sesaat sebelum pengunjung mengetuknya adalah masalah CLS. Sementara itu, gambar utama yang baru tampil setelah lima detik adalah masalah LCP.

Cara Mengecek Skor Website Anda

Anda dapat memeriksa skor dengan tiga alat gratis. PageSpeed Insights menampilkan data pengunjung nyata dan hasil uji laboratorium. Laporan Core Web Vitals di Google Search Console mengelompokkan halaman yang bermasalah. Lighthouse di Chrome DevTools membantu Anda menguji perubahan sebelum menayangkannya.

Bedakan data lapangan dan data laboratorium. Data lapangan berasal dari pengunjung asli, sedangkan data laboratorium berasal dari simulasi. Google memakai data lapangan untuk penilaian, jadi prioritaskan angka tersebut.

Cara Memperbaiki Skor di WordPress

Mulailah dari masalah yang paling merugikan, lalu lanjutkan ke perbaikan lain. Kebanyakan website WordPress memiliki penyebab yang mirip.

Memperbaiki Core Web Vitals lewat Gambar dan Hosting

Kompres gambar utama, lalu ubah formatnya menjadi WebP. Selanjutnya, jangan memuat gambar utama dengan lazy load, sebab cara itu justru memperlambat tampilan awal. Pilih hosting yang cepat dan aktifkan cache. Sebagian besar kasus LCP lambat berasal dari server yang lambat dan gambar yang terlalu besar.

Menjaga INP dan CLS Tetap Baik

Kurangi plugin dan skrip pihak ketiga yang berat, misalnya widget media sosial dan pelacak berlebihan. Tunda skrip yang tidak penting agar halaman merespons lebih cepat. Untuk CLS, tentukan lebar dan tinggi setiap gambar dan iklan. Selain itu, muat font dengan pengaturan font-display agar teks tidak melompat saat font selesai terunduh.

Setelah perbaikan teknis selesai, rawat hasilnya dengan kebiasaan sederhana. Pertama, uji ulang halaman utama setiap kali Anda memasang plugin baru. Kedua, kompres setiap gambar sebelum Anda mengunggahnya ke media. Ketiga, hapus plugin yang tidak lagi Anda pakai. Dengan kebiasaan ini, skor Anda tetap stabil dan Anda tidak perlu memperbaiki dari nol setiap beberapa bulan.

Prioritas juga penting. Jika anggaran terbatas, perbaiki halaman yang paling banyak menerima kunjungan lebih dulu, misalnya beranda dan halaman layanan. Sebaliknya, jangan menghabiskan waktu pada halaman lama yang hampir tidak ada pengunjungnya.

Kesalahan yang Sering Terjadi

Pertama, banyak pemilik website hanya mengejar skor 100 di PageSpeed Insights. Padahal, Google menilai data pengunjung nyata, bukan angka sempurna. Kedua, sebagian orang memasang banyak plugin optimasi sekaligus sehingga plugin saling bertabrakan. Ketiga, ada yang mengabaikan tampilan seluler, padahal mayoritas pengunjung memakai ponsel. Akhirnya, mereka lupa memantau ulang setelah memperbarui tema atau plugin.

Perlu Anda tahu bahwa data lapangan membutuhkan waktu sekitar 28 hari untuk berubah, jadi bersabarlah setelah Anda memperbaiki halaman. Pantau laporan Search Console secara berkala, lalu validasi perbaikan di sana.

Bagi bisnis jasa, manfaatnya sangat nyata. Halaman yang cepat membuat calon pelanggan lebih sabar membaca penawaran. Selain itu, formulir kontak yang responsif mengurangi peluang mereka pergi sebelum mengirim pesan. Maka, anggap perbaikan kecepatan sebagai investasi, bukan sekadar tugas teknis.

Terakhir, dokumentasikan setiap perubahan teknis. Catat tanggal, jenis perbaikan, dan skor sebelum serta sesudahnya. Catatan ini membantu Anda mencari penyebab jika skor turun mendadak, misalnya setelah pembaruan plugin.

Sementara itu, jangan lupa menguji dari perangkat nyata. Pinjam ponsel kelas menengah, buka beranda lewat jaringan seluler, lalu rasakan sendiri kecepatannya. Pengalaman langsung sering mengungkap masalah yang tidak muncul di alat uji.

Penutup

Core web vitals membantu Anda melihat website dari sudut pandang pengunjung. Fokuskan upaya pada LCP, INP, dan CLS, lalu ukur hasilnya dengan data lapangan. Selain meningkatkan peluang SEO, perbaikan ini membuat pengunjung lebih nyaman dan lebih mungkin menjadi pelanggan. Jika Anda butuh bantuan teknis, tim kami siap membantu lewat layanan SEO specialist Fuzzy Community.