Apa yang dimaksud dengan Core Web Vitals?
Core Web Vitals adalah serangkaian metrik performa yang diperkenalkan oleh Google untuk mengevaluasi aspek-aspek utama pengalaman pengguna di situs web.
Mereka berfokus pada seberapa cepat halaman dimuat, seberapa responsif halaman tersebut saat pengguna berinteraksi, dan seberapa stabil tata letaknya saat konten ditampilkan.
Google menganggap Core Web Vitals sebagai bagian dari sinyal peringkat pengalaman halaman, yang secara langsung memengaruhi kinerja SEO dan visibilitas pada hasil pencarian.
Tiga Core Web Vital utama adalah:
- Largest Contentful Paint (LCP) - Mengukur kinerja pemuatan.
- Interaction to Next Paint (INP ) - Mengukur daya tanggap (menggantikan FID).
- Pergeseran Tata Letak Kumulatif (CLS ) - Mengukur stabilitas visual.
Penjelasan Tiga Metrik Inti
1. Cat Berisi Konten Terbesar (LCP)
- Definisi: Waktu yang dibutuhkan untuk elemen terbesar yang terlihat (seperti gambar, video, atau blok teks) untuk muncul di dalam viewport.
- Nilai Baik: ≤ 2,5 detik.
- Kiat Pengoptimalan:
- Gunakan format gambar yang efisien (WebP, AVIF).
- Menerapkan pemuatan malas.
- Memuat sumber daya penting secara preload.
- Optimalkan waktu respons server (TTFB).
2. Interaksi ke Cat Berikutnya (INP)
- Definisi: Mengukur daya tanggap secara keseluruhan dengan menghitung jeda waktu antara interaksi pengguna (seperti klik atau ketukan) dan pembaruan visual berikutnya.
- Skor Baik: ≤ 200 milidetik.
- Menggantikan: First Input Delay (FID), yang hanya mengukur interaksi pertama.
- Kiat Pengoptimalan:
- Meminimalkan waktu eksekusi JavaScript.
- Memecah tugas yang panjang.
- Gunakan
requestIdleCallback()atau Web Workers untuk kode yang tidak mendesak. - Memprioritaskan pendengar peristiwa penting.
3. Pergeseran Tata Letak Kumulatif (CLS)
- Definisi: Melacak seberapa banyak elemen yang terlihat bergerak secara tidak terduga selama pemuatan halaman.
- Nilai Baik: ≤ 0,1.
- Tips Pengoptimalan:
- Sertakan atribut lebar/tinggi untuk gambar dan video.
- Cadangan ruang untuk iklan dan sematan dinamis.
- Hindari menyisipkan konten di atas elemen yang sudah ada.
Metrik Performa Pendukung
Meskipun Core Web Vitals merupakan fokus Google, beberapa metrik lab melengkapi metrik tersebut selama pengujian performa:
Total Waktu Pemblokiran (TBT)
Mengukur berapa lama skrip memblokir utas utama antara First Contentful Paint (FCP) dan Time to Interactive (TTI).
- Nilai Ideal: < 200 ms.
- Metrik Proksi: TBT digunakan dalam pengujian laboratorium sebagai proksi untuk INP sebelum data lapangan tersedia.
Waktu untuk Interaktif (TTI)
Menunjukkan kapan sebuah halaman menjadi sepenuhnya interaktif.
- Sasaran: ≤ 5 detik.
- Membantu mengukur kesiapan yang dirasakan pengguna di luar LCP.
First Contentful Paint (FCP)
Mengukur seberapa cepat teks atau gambar pertama muncul.
- Sasaran: ≤ 1,8 detik.
- Sering kali merupakan kesan pertama dari kinerja yang dirasakan.
Standar Pengiriman Web Modern
Performa Core Web Vitals terhubung erat dengan transportasi web modern dan protokol pengoptimalan.
Menerapkan hal-hal berikut ini dapat meningkatkan skor secara drastis:
HTTP/2 dan HTTP/3
- Memungkinkan multiplexing dan pemuatan sumber daya paralel yang lebih cepat.
- Mengurangi latensi dan meningkatkan pengalaman pengguna secara keseluruhan.
Kompresi Brotli
- Lebih efisien daripada GZIP; mengompres aset berbasis teks (HTML, JS, CSS) dengan ukuran file yang lebih kecil.
Preload, Prefetch, dan Preconnect
- Preload: Memberitahukan peramban untuk memprioritaskan aset-aset utama (font, gambar pahlawan).
- Prefetch: Memuat sumber daya yang mungkin dibutuhkan sebelum pengguna memintanya.
- Preconnect: Membangun koneksi awal ke domain pihak ketiga.
Pemuatan Malas
- Menunda pemuatan gambar atau iframe yang tidak penting hingga gambar atau iframe tersebut masuk ke dalam viewport.
- Mengurangi bobot halaman awal dan meningkatkan LCP.
Petunjuk Prioritas
- Memungkinkan pengembang untuk secara eksplisit mengontrol urutan pemuatan sumber daya menggunakan
fetchpriority. - Sangat berguna untuk memastikan gambar pahlawan atau font dimuat terlebih dahulu.
HSTS (Keamanan Transportasi Ketat HTTP)
- Memaksakan koneksi HTTPS untuk semua permintaan, meningkatkan keamanan dan berpotensi mengurangi pengalihan.
Bagaimana Core Web Vitals Mempengaruhi SEO
Google menggunakan Core Web Vitals sebagai sinyal peringkat dalam pembaruan Page Experience.
Situs web yang berkinerja baik pada metrik ini cenderung memiliki metrik ini:
- Keterlibatan dan retensi pengguna yang lebih tinggi.
- Rasio pentalan yang lebih rendah.
- Peningkatan visibilitas organik.
Alat bantu Web Audit dan Pemeriksa SERP Ranktracker dapat membantu mengukur dan memantau metrik ini untuk mengidentifikasi hambatan kinerja yang dapat memengaruhi peringkat.
Praktik Terbaik untuk Mengoptimalkan Vitalitas Web Inti
- Gunakan Jaringan Pengiriman Konten (CDN): Kurangi latensi dengan menayangkan konten dari lokasi tepi.
- Menerapkan Pemisahan Kode: Menyajikan paket JavaScript yang lebih kecil dan spesifik untuk halaman tertentu.
- Optimalkan Font: Gunakan pertukaran tampilan font dan muat font yang penting secara pramuat.
- Tembolok secara Strategis: Memanfaatkan cache peramban dan cache sisi server.
- Tunda Skrip yang Tidak Penting: Gunakan
asinkronisasidantundaatribut untuk JS. - Minifikasi dan Kompres Aset: Terapkan minifikasi dan kompresi Brotli untuk HTML, CSS, dan JS.
- Pantau Data Lapangan: Gunakan Laporan UX Chrome atau audit situs Ranktracker untuk mengumpulkan data kinerja pengguna nyata.
Alat untuk Mengukur Vitalitas Web Inti
- Audit Web Ranktracker: Mengidentifikasi masalah-masalah penting di situs web secara real time.
- Wawasan Kecepatan Halaman Google: Data lapangan + lab dari Chrome UX Report.
- Lighthouse: Pengujian lab yang disimulasikan untuk pengoptimalan performa.
- WebPageTest: Diagnostik performa tingkat lanjut dengan perbandingan visual.
- Chrome DevTools: Tab Performa untuk memeriksa render dan memblokir skrip.
Masa Depan Vital Web Inti
Google terus menyempurnakan metrik agar lebih mencerminkan pengalaman pengguna yang sesungguhnya.
Arahan di masa mendatang meliputi:
- Prioritas kinerja berbasis AI (pemuatan prediktif).
- Fokus INP yang diperluas pada interaksi mikro.
- Data performa edge-rendering sebagai bagian dari sinyal Page Experience.
Ringkasan
Core Web Vitals mendefinisikan cara Google mengukur pengalaman halaman di dunia nyata.
Dengan mengoptimalkan LCP, INP, dan CLS, serta mendukungnya dengan standar penayangan modern seperti HTTP/3, Brotli, dan Petunjuk Prioritas, Anda dapat meningkatkan peringkat SEO dan kepuasan pengguna.
Performa tidak hanya bersifat teknis - ini merupakan dasar dari visibilitas dan kredibilitas dalam penelusuran modern.
