TL;DR: Core Web Vitals adalah metrik pengalaman halaman dari Google yang mengukur tiga hal: kecepatan loading lewat LCP, respons interaksi lewat INP, dan stabilitas visual lewat CLS. Untuk SEO, metrik ini membantu memastikan halaman bukan hanya bisa diindex, tetapi juga nyaman dipakai pengguna.
Biasanya Core Web Vitals ditempatkan setelah masalah indexability dasar beres. Jika halaman masih noindex, canonical salah, atau sering 404, perbaiki itu dulu. Namun setelah halaman penting sudah bisa diakses Google, pengalaman pengguna menjadi bagian yang tidak boleh diabaikan.
Apa itu Core Web Vitals?
Core Web Vitals adalah bagian dari page experience yang berfokus pada pengalaman nyata pengguna. Google saat ini memakai LCP, INP, dan CLS sebagai metrik utama. Ketiganya tidak membaca kualitas tulisan secara langsung, tetapi membaca apakah halaman terasa cepat, responsif, dan stabil.
LCP, INP, dan CLS
| Metrik | Mengukur | Masalah umum |
|---|---|---|
| LCP | Kecepatan elemen utama tampil | Gambar hero berat, server lambat, render-blocking CSS |
| INP | Respons halaman terhadap interaksi | JavaScript berat, event handler lambat, main thread penuh |
| CLS | Stabilitas layout | Gambar tanpa dimensi, iklan bergeser, font swap buruk |
Kenapa FID tidak lagi jadi metrik utama?
FID digantikan oleh INP karena INP membaca respons interaksi secara lebih luas, bukan hanya interaksi pertama. Ini lebih dekat dengan pengalaman pengguna pada halaman modern yang banyak memakai JavaScript.
Dampak Core Web Vitals untuk SEO
Core Web Vitals bukan tombol ajaib untuk ranking. Konten yang tidak menjawab search intent tidak akan kuat hanya karena cepat. Namun jika dua halaman sama-sama relevan, pengalaman halaman yang lebih baik bisa membantu pengguna bertahan dan berinteraksi lebih nyaman.
Hubungan dengan crawling dan indexing
Halaman yang lambat tidak otomatis gagal diindex, tetapi performa buruk bisa memperburuk pengalaman pengguna dan menyulitkan proses render. Karena itu, Core Web Vitals perlu dibaca bersama technical SEO, indexing, dan HTTP status code.
Field data lebih penting dari skor lab
PageSpeed Insights memberi data lab dan field jika tersedia. Field data lebih menggambarkan pengguna nyata. Lab data tetap berguna untuk diagnosis, tetapi jangan terpaku pada skor warna tanpa memahami bottleneck teknisnya.
Cara audit Core Web Vitals
Audit Core Web Vitals harus dimulai dari template dan halaman penting. Jangan hanya mengecek homepage. Artikel, halaman layanan, kategori, dan landing page organik bisa punya masalah berbeda.
Langkah audit praktis
- Buka laporan Core Web Vitals di Google Search Console.
- Kelompokkan masalah berdasarkan URL pattern.
- Cek sampel halaman di PageSpeed Insights.
- Identifikasi apakah masalah berasal dari gambar, server, CSS, JavaScript, atau layout.
- Perbaiki template yang berdampak ke banyak URL.
- Validasi ulang setelah deployment.
Prioritas perbaikan
- Untuk LCP: kompres gambar utama, gunakan format modern, dan optimasi server response.
- Untuk INP: kurangi JavaScript berat dan tunda script yang tidak penting.
- Untuk CLS: tetapkan dimensi gambar, iframe, dan area iklan.
- Untuk semua metrik: cek mobile terlebih dahulu karena mayoritas traffic sering datang dari mobile.
Core Web Vitals dan WordPress
Di WordPress, masalah sering muncul dari kombinasi theme, page builder, plugin, dan gambar. Optimasi harus dilakukan hati-hati karena mematikan script sembarangan bisa merusak fitur halaman.
Checklist WordPress
| Area | Yang dicek | Risiko |
|---|---|---|
| Gambar | Ukuran, lazy load, format | LCP lambat jika hero terlalu berat |
| Plugin | Script frontend | INP buruk jika JS terlalu banyak |
| Font | Preload dan display | Layout shift atau teks lambat tampil |
| Cache | Page cache dan object cache | TTFB tinggi jika cache tidak efektif |
Internal link dalam cluster technical SEO
Core Web Vitals bukan topik terpisah. Ia perlu terhubung ke artikel XML sitemap, permalink, breadcrumbs, dan struktur website SEO friendly. Link ini membantu pembaca melihat technical SEO sebagai sistem, bukan checklist terpisah.
Prioritas Core Web Vitals berdasarkan dampak bisnis
Tidak semua halaman perlu ditangani dengan intensitas yang sama. Biasanya yang diprioritaskan adalah halaman yang punya traffic organik, halaman layanan, artikel yang dekat dengan konversi, dan template yang dipakai banyak URL. Perbaikan pada template artikel bisa lebih bernilai daripada memperbaiki satu halaman lama yang jarang dikunjungi.
Jangan mengejar skor tanpa konteks
Skor PageSpeed yang tinggi memang bagus, tetapi tujuan akhirnya adalah pengalaman pengguna dan stabilitas SEO. Jika sebuah optimasi merusak layout, tracking, atau fungsi form, dampaknya bisa lebih buruk daripada skor yang sedikit lebih rendah. Karena itu, setiap perubahan performa perlu diuji di halaman nyata.
Kapan perlu developer?
Beberapa masalah bisa ditangani editor, seperti kompres gambar dan mengurangi embed. Namun masalah INP, render-blocking script, atau server response biasanya perlu developer. Pisahkan pekerjaan editorial dan teknis agar audit tidak berhenti di rekomendasi umum.
Catatan implementasi
Perbaikan Core Web Vitals sebaiknya diuji di staging jika menyentuh theme, cache, atau JavaScript utama. Setelah live, cek ulang halaman sampel dan pantau data field karena perubahan metrik nyata tidak selalu muncul pada hari yang sama.
FAQ
Apa itu Core Web Vitals?
Core Web Vitals adalah metrik pengalaman halaman yang mengukur loading, respons interaksi, dan stabilitas visual melalui LCP, INP, dan CLS.
Apakah Core Web Vitals faktor ranking?
Core Web Vitals termasuk bagian dari sinyal page experience, tetapi kualitas konten dan relevansi tetap lebih menentukan untuk ranking.
Tool apa yang dipakai untuk cek Core Web Vitals?
Gunakan Google Search Console, PageSpeed Insights, Chrome DevTools, dan data field CrUX jika tersedia.
Referensi
- Google Search Central: Core Web Vitals and Search
- web.dev: Web Vitals
- web.dev: Interaction to Next Paint
Ingin performa website lebih sehat untuk SEO?
Digitalic bisa membantu audit Core Web Vitals, technical SEO, dan struktur konten agar website lebih nyaman dipakai dan lebih mudah dipahami Google.
Hubungi Digitalic untuk audit technical SEO.
