Core Web Vitals Adalah: Panduan Lengkap dan Cara Optimasi 2026

Core Web Vitals adalah tiga metrik dari Google yang mengukur pengalaman nyata pengguna saat membuka halaman: kecepatan memuat (LCP), responsivitas (INP), dan kestabilan tampilan (CLS). Ketiganya menjadi sinyal peringkat, sehingga situs yang lambat atau "loncat-loncat" bisa kalah bersaing di hasil pencarian, meski kontennya bagus.

Banyak pemilik situs mengira SEO hanya soal kata kunci dan backlink. Kenyataannya, Google menilai juga bagaimana halaman terasa di tangan pengguna. Di sinilah Core Web Vitals bekerja. Bagian berikut menjelaskan ketiga metrik, ambang batasnya, cara mengukurnya, dan langkah perbaikan yang benar-benar berdampak.

Ringkasan cepat (poin penting)

Core Web Vitals terdiri atas 3 metrik: LCP (kecepatan muat), INP (responsivitas), dan CLS (kestabilan tampilan).
Ambang "baik": LCP ≤ 2,5 detik, INP ≤ 200 milidetik, CLS ≤ 0,1, diukur pada persentil ke-75 pengguna.
INP menggantikan FID sebagai Core Web Vital pada 12 Maret 2024.
Data lapangan (pengguna nyata) lebih penting daripada data laboratorium untuk peringkat.
Data lapangan Google memakai rentang rata-rata 28 hari terakhir, jadi hasil perbaikan tidak langsung terlihat.
Perbaikan tersering: kompres gambar, kurangi JavaScript, dan pesan ruang untuk elemen yang dimuat.

Apa itu Core Web Vitals?

Core Web Vitals adalah bagian dari sinyal Page Experience Google yang menilai kualitas pengalaman pengguna pada sebuah halaman. Menurut dokumentasi Google Search Central, metrik ini mengukur tiga hal: seberapa cepat konten utama tampil, seberapa cepat halaman merespons interaksi, dan seberapa stabil tata letaknya.

Google menggunakan Core Web Vitals sebagai salah satu faktor peringkat. Artinya, dua halaman dengan konten setara bisa berbeda posisinya jika salah satunya terasa lambat atau tidak stabil. Metrik ini bukan penentu tunggal, tetapi menjadi pembeda pada persaingan yang ketat.

Fokusnya selalu pengguna nyata. Google menilai berdasarkan data pengalaman pengguna sungguhan, bukan sekadar hasil uji di komputer pengembang. Karena itu, memperbaiki Core Web Vitals berarti memperbaiki pengalaman orang yang benar-benar membuka situs Anda.

Mengapa Core Web Vitals penting untuk SEO?

Core Web Vitals penting karena menyatukan dua kepentingan sekaligus: peringkat di Google dan kenyamanan pengunjung. Halaman yang cepat dan stabil membuat orang bertahan lebih lama, sedangkan halaman lambat ditinggalkan sebelum kontennya sempat terbaca.

Sebagian besar pengguna di Indonesia mengakses situs lewat ponsel dan jaringan seluler yang tidak selalu kencang. Maka kecepatan bukan kemewahan, melainkan syarat. Situs yang berat akan kehilangan pengunjung dan, pada akhirnya, kehilangan peringkat.

Selain itu, pengalaman halaman yang baik mendukung konversi. Toko daring dengan pemuatan cepat cenderung menyelesaikan lebih banyak transaksi. Jadi memperbaiki Core Web Vitals menguntungkan SEO dan bisnis secara bersamaan. Ia melengkapi, bukan menggantikan, kualitas on-page SEO Anda.

3 metrik Core Web Vitals dan ambang batasnya

Core Web Vitals terdiri atas 3 metrik dengan ambang batas resmi dari Google, dinilai pada persentil ke-75 kunjungan nyata. Ringkasnya: LCP mengukur kecepatan muat, INP mengukur responsivitas, dan CLS mengukur kestabilan tampilan.

Metrik	Mengukur	Baik	Perlu ditingkatkan	Buruk
LCP	Kecepatan muat konten utama	≤ 2,5 detik	2,5–4 detik	> 4 detik
INP	Responsivitas terhadap interaksi	≤ 200 ms	200–500 ms	> 500 ms
CLS	Kestabilan tata letak	≤ 0,1	0,1–0,25	> 0,25

Ambang batas ini bersumber dari web.dev milik Google. Angka pada persentil ke-75 berarti setidaknya 75% kunjungan harus mencapai kategori "baik" agar sebuah halaman dianggap lulus.

LCP: Largest Contentful Paint

LCP (Largest Contentful Paint) adalah waktu yang dibutuhkan hingga elemen konten terbesar di layar tampil, biasanya gambar utama atau blok teks besar. Ambang "baik" adalah 2,5 detik atau kurang. LCP menjawab pertanyaan pengguna yang paling dasar: "kapan halaman ini terlihat siap?"

Penyebab LCP lambat paling umum adalah gambar berukuran besar yang tidak dikompres, server yang lambat merespons, dan skrip yang menghambat perenderan. Karena elemen terbesar sering berupa gambar hero, mengoptimalkan gambar itu biasanya memberi dampak terbesar.

INP: Interaction to Next Paint

INP (Interaction to Next Paint) mengukur seberapa cepat halaman merespons interaksi pengguna, seperti ketukan atau klik. Ambang "baik" adalah 200 milidetik atau kurang. INP resmi menggantikan First Input Delay sebagai Core Web Vital pada 12 Maret 2024, sehingga panduan lama yang masih menyebut FID sudah usang.

Berbeda dari FID yang hanya menilai interaksi pertama, INP menilai keseluruhan responsivitas selama kunjungan. Penyebab INP buruk umumnya adalah JavaScript berat yang membuat utas utama sibuk sehingga respons terasa tertunda.

CLS: Cumulative Layout Shift

CLS (Cumulative Layout Shift) mengukur seberapa banyak elemen halaman bergeser tanpa diduga saat dimuat. Ambang "baik" adalah 0,1 atau kurang. CLS menjawab keluhan yang sangat mengganggu: tombol atau tautan tiba-tiba bergeser tepat saat hendak diketuk.

Penyebab CLS tinggi biasanya gambar atau iklan tanpa dimensi yang dipesan, font yang memuat belakangan, dan konten yang disisipkan di atas konten yang sudah tampil. Solusinya adalah memesan ruang untuk setiap elemen sebelum ia dimuat.

Data lapangan vs data laboratorium: apa bedanya?

Data lapangan adalah pengukuran dari pengguna nyata, sedangkan data laboratorium adalah hasil uji dalam kondisi simulasi. Google memakai data lapangan untuk peringkat, jadi inilah yang paling penting bagi SEO. Data laboratorium berguna untuk menemukan penyebab masalah saat memperbaiki.

Data lapangan Google, yang berasal dari Chrome User Experience Report (CrUX), memakai rentang rata-rata 28 hari terakhir. Konsekuensinya, perbaikan yang Anda pasang hari ini tidak langsung mengubah laporan; angkanya bergerak perlahan seiring data 28 hari yang baru menggantikan yang lama.

Karena itu, jangan panik melihat skor laboratorium yang naik-turun. Pantau tren data lapangan selama beberapa minggu, bukan angka sesaat. Kesabaran di sini adalah bagian dari metode, bukan kelemahan.

Bagaimana cara mengukur Core Web Vitals?

Anda dapat mengukur Core Web Vitals dengan beberapa alat gratis dari Google. Yang terpenting: bedakan data lapangan (pengguna nyata) dari data laboratorium (uji simulasi), karena Google memakai data lapangan untuk peringkat.

PageSpeed Insights menampilkan data lapangan dan laboratorium untuk satu URL sekaligus saran perbaikan.
Google Search Console memiliki laporan Core Web Vitals yang mengelompokkan seluruh halaman situs menjadi "baik", "perlu ditingkatkan", dan "buruk".
Laporan CrUX (Chrome User Experience Report) menjadi sumber data lapangan resmi.

Untuk memantau seluruh situs, mulailah dari laporan di Google Search Console. Laporan itu menunjukkan pola masalah pada banyak halaman sekaligus, bukan sekadar satu URL.

Bagaimana cara memperbaiki LCP?

Untuk memperbaiki LCP, prioritaskan elemen terbesar di layar. Langkah paling berdampak: kompres dan gunakan format gambar modern seperti WebP atau AVIF, lalu pastikan gambar hero dimuat lebih awal.

Selain itu, percepat respons server dan gunakan caching. Kurangi CSS dan JavaScript yang menghambat perenderan agar peramban tidak menunggu berkas besar sebelum menampilkan konten utama. Untuk situs Indonesia yang dominan seluler, hasil dari langkah-langkah ini terasa langsung.

Bagaimana cara memperbaiki INP?

Untuk memperbaiki INP, kurangi beban JavaScript. Utas utama yang sibuk membuat halaman lambat merespons ketukan, jadi pecah tugas panjang menjadi bagian-bagian kecil dan tunda skrip yang tidak mendesak.

Hapus skrip pihak ketiga yang tidak perlu, seperti pelacak dan widget yang jarang dipakai. Semakin ringan kode yang dijalankan saat pengguna berinteraksi, semakin cepat halaman memberi respons. Uji perbaikan pada perangkat kelas menengah, bukan hanya ponsel kelas atas.

Bagaimana cara memperbaiki CLS?

Untuk memperbaiki CLS, pesan ruang untuk setiap elemen sebelum dimuat. Selalu cantumkan atribut lebar dan tinggi pada gambar dan video agar peramban menyiapkan ruangnya sejak awal.

Hindari menyisipkan konten baru di atas konten yang sudah tampil, kecuali sebagai respons atas tindakan pengguna. Muat font dengan strategi yang mencegah pergeseran teks. Perbaikan CLS sering kali paling mudah karena sifatnya struktural, bukan soal kecepatan.

Core Web Vitals dan pengalaman seluler di Indonesia

Di Indonesia, mayoritas kunjungan datang dari ponsel, sering pada jaringan 4G yang padat. Karena Google menilai Core Web Vitals dari pengguna nyata, profil pengguna seluler Anda hampir selalu menentukan lulus atau tidaknya sebuah halaman.

Maka uji situs dalam kondisi yang realistis: perangkat kelas menengah dan koneksi yang tidak sempurna, bukan komputer kantor dengan wifi kencang. Tema yang berat, banyak slider, dan pop-up sering kali menjadi penyebab utama LCP dan INP yang buruk di ponsel.

Prioritaskan versi seluler lebih dulu. Bila halaman terasa ringan di ponsel kelas menengah, hampir pasti ia juga baik di perangkat lain. Pendekatan seluler-dahulu ini sejalan dengan cara Google mengindeks situs sekarang.

Core Web Vitals dan pencarian AI

Core Web Vitals juga mendukung visibilitas di pencarian AI. Halaman yang cepat dan bersih lebih mudah dirayapi dan dipahami mesin, termasuk mesin yang menyusun jawaban seperti Google AI Overviews. Struktur teknis yang rapi menjadi fondasi.

Namun, kecepatan saja tidak cukup untuk dikutip AI. Anda tetap membutuhkan konten yang terstruktur, faktual, dan mudah diekstrak. Pelajari cara kerjanya di panduan kami tentang AI Overview dan GEO (Generative Engine Optimization). Core Web Vitals adalah fondasi teknis; keduanya adalah lapisan konten di atasnya.

Checklist Core Web Vitals untuk pemilik situs

Anda tidak perlu menjadi teknisi untuk memulai. Berikut urutan langkah praktis yang bisa diikuti pemilik situs, dari yang paling berdampak.

Ukur kondisi awal di PageSpeed Insights dan laporan Search Console, lalu catat 3 metrik untuk halaman terpenting.
Kompres semua gambar besar dan ubah ke format WebP atau AVIF.
Cantumkan lebar dan tinggi pada setiap gambar dan video untuk menekan CLS.
Kurangi dan tunda JavaScript pihak ketiga yang tidak mendesak untuk memperbaiki INP.
Aktifkan caching dan percepat respons server untuk memperbaiki LCP.
Uji ulang di perangkat seluler kelas menengah, lalu pantau data lapangan selama beberapa minggu.

Kerjakan dari atas ke bawah. Sebagian besar situs memperoleh perbaikan terbesar hanya dari 3 langkah pertama.

Kesalahan umum soal Core Web Vitals

Kesalahan paling umum adalah mengejar skor sempurna di data laboratorium sambil mengabaikan data lapangan. Google memakai data pengguna nyata untuk peringkat, jadi skor uji 100 tidak berarti apa-apa bila pengguna sungguhan tetap mengalami halaman lambat.

Kesalahan lain: masih mengoptimalkan FID yang sudah pensiun, mengabaikan CLS karena dianggap sepele, dan menambal satu halaman saja padahal masalahnya ada di seluruh templat. Perbaikan Core Web Vitals harus menyeluruh dan dibangun ke dalam technical SEO situs, bukan tempelan sesaat.

Pertanyaan yang sering diajukan

Apa itu Core Web Vitals secara singkat?

Core Web Vitals adalah 3 metrik Google yang mengukur pengalaman halaman: LCP untuk kecepatan muat, INP untuk responsivitas, dan CLS untuk kestabilan tampilan. Ketiganya menjadi sinyal peringkat, dinilai berdasarkan pengalaman pengguna nyata pada persentil ke-75.

Berapa nilai Core Web Vitals yang baik?

Nilai "baik" menurut Google adalah LCP 2,5 detik atau kurang, INP 200 milidetik atau kurang, dan CLS 0,1 atau kurang. Sebuah halaman dianggap lulus bila setidaknya 75% kunjungan mencapai kategori "baik" untuk ketiga metrik.

Apakah Core Web Vitals memengaruhi peringkat Google?

Ya. Core Web Vitals adalah salah satu faktor peringkat dalam sinyal pengalaman halaman Google. Ia bukan faktor terkuat dan tidak mengalahkan relevansi konten, tetapi menjadi pembeda penting ketika beberapa halaman memiliki kualitas konten yang setara.

Apa beda INP dan FID?

FID hanya mengukur penundaan pada interaksi pertama, sedangkan INP menilai responsivitas sepanjang kunjungan. INP menggantikan FID sebagai Core Web Vital pada 12 Maret 2024. Panduan yang masih menargetkan FID kini sudah usang dan sebaiknya diperbarui.

Alat apa yang dipakai untuk mengukur Core Web Vitals?

Gunakan PageSpeed Insights untuk memeriksa satu URL, laporan Core Web Vitals di Google Search Console untuk seluruh situs, dan data CrUX sebagai sumber lapangan resmi. Utamakan data lapangan karena itulah yang dipakai Google untuk peringkat.

Berapa lama perbaikan Core Web Vitals terlihat hasilnya?

Perbaikan teknis bisa langsung terlihat pada data laboratorium, tetapi data lapangan Google diperbarui berdasarkan rata-rata 28 hari kunjungan. Karena itu, dampak pada laporan Search Console biasanya baru terlihat beberapa minggu setelah perbaikan diterapkan secara konsisten.

Apakah CLS lebih penting daripada LCP?

Ketiganya penting dan dinilai bersama; tidak ada yang boleh diabaikan. Namun bagi banyak situs, LCP paling sulit dicapai karena bergantung pada gambar dan server, sedangkan CLS paling mudah diperbaiki karena bersifat struktural. Perbaiki yang termudah dahulu, lalu yang tersulit.

Catatan: metrik, ambang batas, dan alat Google dapat berubah. Rincian di sini mengacu pada dokumentasi Google per Agustus 2026 — periksa dokumentasi resmi Google terbaru sebelum mengambil keputusan. Hasil SEO bervariasi menurut kondisi situs dan pelaksanaannya.

Ingin situs Anda lolos Core Web Vitals sekaligus dikutip mesin pencari AI? SingRank membangun fondasi technical SEO, kecepatan, dan struktur konten agar bisnis Anda ditemukan di Google dan jawaban AI. Hubungi tim kami untuk audit dan rencana yang sesuai kebutuhan situs Anda.