Core Web Vitals adalah sinyal pengalaman halaman pengguna nyata dari Google yang menilai seberapa cepat, responsif, dan stabil secara visual suatu halaman. Mereka melacak LCP (konten utama dimuat, baik ≤2,5 detik), INP (penundaan interaksi, baik ≤200ms), dan CLS (pergeseran tata letak, baik ≤0,1). Mereka dapat mendukung SEO sebagai penentu jika hasil pencarian sangat kompetitif, terutama di perangkat mobile. Ukur dengan PageSpeed Insights dan Search Console, lalu perbaiki dengan mengompresi gambar hero, menunda pemuatan JavaScript berat, dan menyediakan ruang untuk iklan. Panduan lebih lanjut menyusul.
Apa Itu Core Web Vitals ?
Mengapa Google sangat memperhatikan Core Web Essentials? Karena halaman yang cepat, stabil, dan responsif membantu orang menjelajah dengan cara mereka sendiri, tanpa harus menunggu, menebak, atau menghadapi tata letak yang rusak. Core web essentials adalah serangkaian sinyal pengalaman pengguna dunia nyata yang digunakan Google untuk mengevaluasi apakah sebuah situs terasa dapat diandalkan dan mudah digunakan, yang dapat mempengaruhi performa SEO selain relevansi konten. Mereka juga mendukung kemampuan crawling yang lebih baik karena struktur situs yang jelas dan tautan internal membantu crawler Google menemukan dan memproses halaman-halaman secara efisien. Bagi pemilik situs yang menghargai kebebasan, metrik-metrik ini mendukung web di mana pengguna tetap mengendalikan, mereka bisa membaca, membeli, atau belajar tanpa hambatan. Untuk menerapkannya, sebuah tim bisa: 1) membuka Google Search Console, 2) memeriksa laporan Core Web Vitals, 3) memilih grup URL bermasalah, 4) memperbaiki penyebab umum seperti gambar berat atau skrip berlebihan, lalu uji ulang.
LCP, INP, CLS: Apa yang Mereka Ukur + Ambang “Baik”
Sekilas, Core Web Vitals merangkum pengalaman halaman menjadi tiga pengukuran praktis—Largest Contentful Paint (LCP) untuk kecepatan pemuatan, Interaction to Next Paint (INP) untuk responsivitas, dan Cumulative Layout Shift (CLS) untuk stabilitas visual—masing-masing dengan ambang batas “baik” yang jelas sehingga target performa lebih mudah dikelola. Untuk website SEO yang menghargai kebebasan pengguna, angka-angka ini berfungsi seperti pagar pembatas, bukan borgol, membantu tim menghadirkan halaman yang lebih cepat tanpa harus menebak-nebak, dan membantu jasa SEO dalam mengomunikasikan prioritas. Karena halaman yang lambat bisa meningkatkan bounce rate dan menurunkan peringkat, peningkatan LCP sering berjalan seiring dengan optimasi kecepatan situs secara umum.
| Metrik | Apa yang diukur | Ambang “baik” |
|---|---|---|
| LCP | Waktu hingga konten utama muncul | ≤ 2,5 detik |
| INP | Delay setelah interaksi | ≤ 200 ms |
| CLS | Pergerakan tata letak tak terduga | ≤ 0,1 |
| Tips | Cek di PageSpeed Insights | Gunakan data lapangan |
Langkah-langkah: ukur, perbaiki masalah terbesar, uji ulang, ulangi setiap minggu.
Bagaimana Core Web Vitals Mempengaruhi Peringkat SEO (Dan Kapan Itu Penting)
Anggap Core Web essentials sebagai faktor penentu yang dapat mendorong peringkat ketika sinyal SEO lainnya sudah kuat, bukan sebagai satu saklar yang membuat halaman naik atau turun. Ketika kualitas konten, relevansi, dan tautan sebanding, halaman yang lebih cepat dan stabil mengurangi gesekan, membuat pengguna tetap nyaman, dan dapat mendukung visibilitas yang lebih baik. Dampaknya paling terasa pada kueri yang kompetitif, pengguna mobile, dan halaman yang sudah berada di posisi halaman satu, di mana keunggulan kecil bisa menentukan hasil.
Pemeriksaan rutin menggunakan alat seperti Google PageSpeed Insights dapat mengungkap masalah kecepatan dan stabilitas yang diam-diam merugikan kepuasan pengguna maupun performa SEO.
Pendekatan praktis adalah memperlakukan CWV sebagai lapisan pendukung, bukan sebagai pembatas, misalnya: 1) prioritaskan template utama seperti halaman utama, kategori, dan artikel, 2) perbaiki penundaan jelas dan lompatan tata letak yang mengganggu pembacaan, 3) periksa ulang setelah setiap perubahan. Merek seperti indodigition sering memadukan perbaikan ini dengan copy yang kuat untuk menang.
Mengukur Core Web Vitals: PageSpeed vs CrUX vs Search Console
Dalam praktiknya, mengukur Core Web essentials dimulai dengan memilih sumber data yang tepat untuk pertanyaan yang diajukan, karena PageSpeed Insights, CrUX, dan Google Search Console masing-masing melaporkan performa dengan cara yang berbeda. PageSpeed Insights menggabungkan pengujian lab dengan beberapa data lapangan, sehingga berguna ketika seseorang ingin mendapatkan snapshot cepat dan dapat diulang untuk satu URL.
CrUX (Chrome User Experience Report) adalah data lapangan dari pengguna nyata, dikelompokkan berdasarkan origin atau URL, sehingga dapat menjawab pertanyaan, “Bagaimana pengalaman situs di dunia nyata?” Untuk memeriksanya, buka CrUX Dashboard atau alat API, pilih domain, lalu tinjau distribusi LCP, INP, dan CLS.
Search Console merangkum data CrUX untuk properti yang terverifikasi, dengan mengelompokkan halaman menjadi “baik/perlu perbaikan/buruk.” Gunakan ini untuk melihat pola: buka bagian Pengalaman, pilih Core Web essentials, lalu telusuri grup masalah untuk melihat contoh URL. Anda juga dapat menggunakan laporan Performa untuk melacak tayangan dan klik dari waktu ke waktu dan menghubungkan peningkatan UX dengan hasil pencarian organik.
Perbaiki Core Web Vitals dengan Cepat: Kemenangan Utama untuk LCP, INP, dan CLS
Dengan urutan perbaikan yang tepat, peningkatan Core Web Vitals dapat terjadi dengan cepat, karena banyak peningkatan terbesar berasal dari sejumlah kecil perubahan yang dapat diulang. Untuk LCP, langkah tercepat adalah mengompresi dan melakukan preload pada hero image, menyajikannya dalam format WebP/AVIF, mengurangi CSS yang menghambat rendering, dan mengaktifkan caching di server agar tampilan pertama dapat dimuat tanpa penundaan. Pertimbangkan untuk menambahkan Content Delivery Network untuk mendistribusikan aset secara global dan memangkas latensi bagi pengguna yang berada jauh dari server asal Anda. Untuk INP, batasi JavaScript yang berat, pecah bundle, dan tunda skrip yang tidak penting, lalu pindahkan long tasks dari main thread; misalnya, tunda widget chat sampai setelah interaksi. Untuk CLS, sediakan ruang untuk gambar, iklan, dan embed dengan dimensi tetap, hindari memasang banner di atas konten, dan gunakan `font-display: swap` untuk mencegah lompatan pada font. Jalankan PageSpeed dan konfirmasi di Search Console.
