Core Web Vitals: Lolos Uji Kecepatan Google

Pada tahun 2021, Google mengumumkan bahwa Core Web Vitals adalah faktor peringkat. Tiga metrik spesifik kini berdampak langsung pada peringkat pencarian Anda: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), dan Interaction to Next Paint (INP). Situs dengan vitals yang buruk cenderung sulit mendapat peringkat yang baik. Situs dengan vitals yang sangat baik mendapat keunggulan peringkat. Dalam SEO modern, lolos Core Web Vitals adalah hal yang mutlak.

Implikasinya sangat besar. Anda tidak bisa lagi mengabaikan performa. Anda tidak bisa membangun situs web yang lambat lalu berharap mendapat peringkat yang bagus. Google telah menegaskan bahwa pengalaman pengguna itu penting, dan Core Web Vitals mengukur pengalaman pengguna secara kuantitatif. Mengoptimalkan Core Web Vitals bukan lagi pilihan; ini wajib untuk visibilitas pencarian yang kompetitif.

Apa Itu Core Web Vitals dan Mengapa Penting

Core Web Vitals mengukur tiga dimensi pengalaman pengguna: kecepatan pemuatan (LCP), stabilitas visual (CLS), dan responsivitas (INP). Halaman Web Vitals dari Google mendefinisikan setiap metrik secara rinci. Ketiga metrik ini mewakili aspek terpenting dari cara pengguna merasakan situs web Anda.

Google mengumpulkan triliunan titik data dari pengguna nyata untuk menentukan metrik mana yang paling penting. Hasilnya adalah Core Web Vitals. Ambang batas ini bukan angka sembarangan; ini adalah pengukuran berbasis bukti tentang apa yang membuat sebuah situs web terasa cepat dan responsif bagi pengguna nyata.

Pengumuman resmi Google menjelaskan bagaimana Core Web Vitals memengaruhi peringkat pencarian. Google menganggap Core Web Vitals sebagai salah satu dari beberapa faktor peringkat. Kualitas dan relevansi konten tetap lebih penting, tetapi dua situs yang sama relevannya akan diurutkan berdasarkan performa Core Web Vitals.

Largest Contentful Paint (LCP): Mengukur Kecepatan Pemuatan

Largest Contentful Paint (LCP) mengukur berapa lama waktu yang dibutuhkan elemen konten terbesar di sebuah halaman untuk terlihat oleh pengguna. Elemen ini bisa berupa gambar, video, judul, atau blok teks. LCP mengukur saat pengguna dapat melihat konten utama dan merasa bahwa halaman telah dimuat.

Rekomendasi Google: LCP harus di bawah 2,5 detik. Halaman dengan LCP di bawah 2,5 detik dianggap "baik". Halaman dengan LCP antara 2,5-4 detik berstatus "perlu perbaikan". Halaman dengan LCP di atas 4 detik berstatus "buruk". Pengguna yang mengalami LCP di atas 3 detik menganggap halaman tersebut lambat. Pengguna yang mengalami LCP di atas 4 detik sering meninggalkan halaman.

Penyebab umum LCP yang lambat: waktu respons server yang lambat, CSS dan JavaScript yang memblokir render, gambar yang tidak dioptimalkan, dan font besar yang butuh waktu untuk dimuat. Perbaiki LCP dengan: meningkatkan kecepatan server (mengurangi Time to First Byte / TTFB), menghapus sumber daya yang memblokir render, menunda JavaScript, mengoptimalkan dan mengompresi gambar, menggunakan format gambar modern (WebP), dan melakukan preload pada sumber daya kritis.

PageSpeed Insights menampilkan skor LCP Anda dan memberikan rekomendasi spesifik. Jalankan pengujian pada halaman-halaman utama Anda, prioritaskan rekomendasi berdasarkan dampaknya, dan terapkan perbaikan berdampak tertinggi terlebih dahulu.

Cumulative Layout Shift (CLS): Mengukur Stabilitas Visual

Cumulative Layout Shift (CLS) mengukur pergerakan tak terduga elemen halaman saat halaman sedang dimuat. Ketika Anda sedang membaca artikel dan tiba-tiba teks melompat ke bawah karena ada iklan yang dimuat di atasnya, itulah pergeseran tata letak. CLS mengukur seberapa besar tata letak halaman bergeser selama pemuatan.

Rekomendasi Google: CLS harus di bawah 0,1. Skor CLS di bawah 0,1 dianggap "baik". Skor antara 0,1-0,25 perlu perbaikan. Skor di atas 0,25 berstatus "buruk". Pergeseran tata letak yang kecil pun akan menumpuk. CLS sebesar 0,15 berarti elemen halaman bergeser total 15% dari tinggi viewport selama pemuatan. Pengguna merasa hal ini mengganggu dan membuat frustrasi.

Penyebab umum CLS yang tinggi: iklan yang dimuat secara asinkron, gambar tanpa atribut lebar dan tinggi yang ditentukan, embed (video YouTube, widget media sosial) yang dimuat secara asinkron, dan font yang berganti tiba-tiba. Perbaiki CLS dengan: menentukan dimensi gambar di HTML (atribut width dan height), menyediakan ruang untuk iklan sebelum dimuat, menggunakan font-display: swap pada CSS @font-face untuk mencegah tampilan font yang tersendat saat berganti, dan memuat video serta embed secara sinkron atau dengan ruang yang sudah disediakan.

Setiap gambar di situs Anda harus memiliki atribut width dan height yang eksplisit. Hal ini memberi tahu browser untuk menyediakan ruang sebelum gambar dimuat. Tanpa dimensi, browser tidak tahu berapa banyak ruang yang harus disediakan, sehingga terjadi pergeseran tata letak saat gambar muncul.

Interaction to Next Paint (INP): Mengukur Responsivitas

Interaction to Next Paint (INP) mengukur seberapa responsif halaman Anda terhadap interaksi pengguna (klik, ketukan, input keyboard). INP adalah selang waktu antara saat pengguna berinteraksi dengan halaman dan saat halaman merespons secara visual. Halaman yang responsif merespons dalam hitungan milidetik. Halaman yang tidak responsif membutuhkan hitungan detik.

Rekomendasi Google: INP harus di bawah 200 milidetik. Skor di bawah 200 md dianggap "baik". Skor antara 200-500 md perlu perbaikan. Skor di atas 500 md berstatus "buruk". Pengguna mengharapkan respons langsung. INP 500 md terasa lamban. INP 1 detik terasa seperti rusak.

Penyebab umum INP yang buruk: JavaScript berat yang memblokir main thread, skrip pihak ketiga yang besar, event handler yang tidak efisien, dan tidak digunakannya request idle callback. Perbaiki INP dengan: memecah tugas JavaScript yang panjang menjadi bagian-bagian yang lebih kecil, menunda JavaScript yang tidak kritis, menghapus skrip yang tidak terpakai, mengoptimalkan event listener, dan menggunakan web worker untuk tugas yang menuntut komputasi intensif.

INP sering kali menjadi metrik Core Web Vitals yang paling sulit dioptimalkan karena membutuhkan keahlian JavaScript. Jika tim Anda tidak memiliki keterampilan optimasi JavaScript, pertimbangkan untuk menyewa konsultan performa atau menggunakan layanan optimasi performa dari pihak ketiga.

Bagaimana Core Web Vitals Diukur

Core Web Vitals diukur dengan dua cara: data lab dan data lapangan. Data lab berasal dari alat seperti PageSpeed Insights dan Lighthouse yang berjalan di lingkungan terkontrol. Data lapangan berasal dari pengguna nyata yang mengunjungi situs Anda. Google memprioritaskan data lapangan karena mewakili pengalaman pengguna yang sebenarnya.

Jalur belajar performa dari Google menjelaskan perbedaan antara metrik lab dan metrik lapangan. Data lab membantu Anda mengidentifikasi masalah dan menguji perbaikan. Data lapangan menunjukkan performa di dunia nyata. Anda bisa mendapat skor lab yang sangat baik tetapi skor lapangan yang buruk jika pengguna nyata Anda menggunakan jaringan yang lambat atau perangkat lama.

Google Search Console melaporkan data lapangan Core Web Vitals. Laporan ini menampilkan pengukuran pengguna nyata yang dikumpulkan dari Chrome User Experience Report (CrUX). Jika situs Anda tidak memiliki cukup data pengguna nyata, Google akan menyediakan data lab dari Lighthouse sebagai gantinya.

Tolok Ukur dan Skor Lolos

Google mendefinisikan Core Web Vitals yang "baik" sebagai memenuhi persentil ke-75 dari pengalaman pengguna. Artinya 75% pengguna nyata merasakan situs Anda pada atau lebih baik dari ambang batas. Ambang batasnya adalah:

LCP: 2,5 detik atau kurang. CLS: 0,1 atau kurang. INP: 200 milidetik atau kurang. Ambang batas ini telah divalidasi secara ilmiah melalui analisis triliunan interaksi pengguna nyata. Halaman yang berada pada atau di atas ambang batas ini memberikan pengalaman pengguna yang baik.

Namun, Google tidak mensyaratkan 100% halaman Anda lolos Core Web Vitals. Jika 75% halaman Anda lolos, situs Anda dianggap memiliki Core Web Vitals yang "baik" secara keseluruhan. Artinya Anda boleh memiliki beberapa halaman yang lebih lambat dan tetap lolos selama sebagian besar halaman yang mendapat trafik cepat.

Mengoptimalkan Setiap Metrik: Langkah Praktis

Untuk optimasi LCP: Pertama, ukur TTFB (Time to First Byte) Anda menggunakan PageSpeed Insights. Jika TTFB lambat (di atas 600 md), server Anda adalah penyebab hambatannya. Tingkatkan hosting, optimalkan kode backend, atau gunakan Content Delivery Network (CDN). Jika TTFB baik tetapi LCP lambat, berarti CSS atau JavaScript Anda memblokir render. Tunda JavaScript yang tidak kritis dan sematkan secara inline CSS kritis untuk konten di layar pertama.

Untuk optimasi CLS: Audit situs Anda untuk menemukan elemen yang bergerak selama pemuatan. Gunakan DevTools di browser untuk mengidentifikasi elemen yang bergeser. Tambahkan atribut width dan height pada setiap gambar. Gunakan font-display: swap di CSS. Sediakan ruang untuk iklan, embed, dan konten dinamis.

Untuk optimasi INP: Gunakan tab Performance di Chrome DevTools untuk mengidentifikasi tugas JavaScript yang panjang (tugas yang memakan waktu lebih dari 50 md). Pecah tugas yang panjang. Tunda JavaScript yang tidak kritis. Gunakan requestIdleCallback untuk pekerjaan berprioritas rendah. Uji di perangkat sungguhan, bukan hanya di komputer desktop.

Memantau Core Web Vitals dari Waktu ke Waktu

Gunakan Google Search Console untuk memantau performa Core Web Vitals. Laporan Core Web Vitals menampilkan metrik pengguna nyata situs Anda dan perbandingannya dengan ambang batas Google. Halaman dikategorikan sebagai Baik, Perlu Perbaikan, atau Buruk.

Siapkan peringatan pemantauan. Jika Core Web Vitals Anda menurun, Anda perlu segera menyelidikinya. Penyebabnya bisa meliputi: penerapan kode baru yang menimbulkan inefisiensi, skrip pihak ketiga yang baru, perubahan pada gambar atau media, atau masalah hosting.

Pantau seluler dan desktop secara terpisah. Perangkat seluler biasanya memiliki prosesor dan jaringan yang lebih lambat, sehingga Core Web Vitals sering kali lebih buruk di seluler daripada di desktop. Prioritaskan optimasi seluler untuk situs dengan trafik seluler yang signifikan.

Core Web Vitals dan Strategi SEO

Core Web Vitals kini menjadi faktor peringkat inti, sebanding pentingnya dengan backlink dan kualitas konten. Situs dengan Core Web Vitals yang buruk kecil kemungkinannya mendapat peringkat yang baik, sebagus apa pun kontennya. Artinya optimasi performa harus menjadi bagian dari strategi SEO Anda, bukan sekadar pelengkap.

Jika Anda bersaing untuk peringkat dan pesaing Anda memiliki Core Web Vitals yang lebih baik, mereka memiliki keunggulan peringkat. Anda tidak bisa menang hanya dengan konten jika situs Anda lambat dan tidak responsif. Anda harus menyamai atau melampaui performa pesaing agar dapat bersaing secara setara.

Kesimpulan

Core Web Vitals kini sangat penting bagi keberhasilan SEO. Mengoptimalkan LCP, CLS, dan INP secara langsung meningkatkan peringkat pencarian dan pengalaman pengguna Anda. Situs dengan Core Web Vitals yang sangat baik mengungguli situs yang sama relevannya dengan vitals yang buruk. Tidak ada jalan pintas: jika Anda menginginkan peringkat teratas, Anda harus lolos Core Web Vitals.

Mulailah dengan menjalankan PageSpeed Insights pada halaman-halaman utama Anda. Identifikasi hambatan terbesar dan perbaiki terlebih dahulu. Prioritaskan optimasi seluler. Pantau performa secara berkala di Google Search Console. Gunakan audit GEO SEO kami untuk mengidentifikasi masalah Core Web Vitals di seluruh situs Anda dan melacak perbaikannya dari waktu ke waktu.