Core Web Vitals
Core Web Vitals adalah tiga metrik yang dipakai Google untuk mengukur pengalaman halaman. LCP mengukur kecepatan munculnya konten utama, INP mengukur respons terhadap interaksi, dan CLS mengukur stabilitas layout. Sejak 2024, INP menggantikan FID.
Ambang yang dipakai
| Metrik | Arti | Baik | Perlu perbaikan | Buruk |
|---|---|---|---|---|
| LCP | Waktu elemen terbesar terlihat | 2,5 detik atau kurang | 2,5 sampai 4 detik | Lebih dari 4 detik |
| INP | Respons terhadap klik atau ketikan | 200 ms atau kurang | 200 sampai 500 ms | Lebih dari 500 ms |
| CLS | Pergeseran layout tak terduga | 0,1 atau kurang | 0,1 sampai 0,25 | Lebih dari 0,25 |
Angka ini diukur pada data lapangan, bukan hanya lab. PageSpeed Insights memakai data CrUX untuk lapangan dan simulasi untuk lab. Keduanya bisa berbeda karena perangkat, jaringan, dan lokasi pengguna.
Penyebab yang sering
LCP tinggi biasanya berasal dari gambar hero yang terlalu besar, TTFB yang lambat, font yang menghalangi render, atau JavaScript yang menunda konten utama. INP tinggi sering berasal dari event handler berat, JavaScript yang panjang, atau layout yang memaksa browser bekerja saat pengguna mengetik. CLS muncul saat gambar tidak punya dimensi, iklan disisipkan tanpa ruang, atau font berganti di tengah render.
Cara memperbaiki tanpa menebak
Mulai dari data lapangan. Cari halaman dengan LCP buruk, lalu lihat elemen LCP-nya di PageSpeed Insights atau DevTools. Kompres gambar, ubah ukuran sesuai tampilan, dan beri prioritas pada gambar hero. Untuk INP, pecah tugas JavaScript yang panjang dan kurangi pekerjaan di event handler.
Untuk CLS, tetapkan width dan height pada gambar, sisakan ruang untuk iklan, dan gunakan font fallback yang ukurannya mirip. Ukur sebelum dan sesudah perubahan. Jangan mengubah tema hanya karena skor lab turun sedikit.
Yang perlu diperhatikan
Skor tidak selalu sama di setiap halaman. Artikel dengan banyak gambar punya masalah LCP yang berbeda dari halaman checkout. Fokus pada halaman yang paling penting untuk bisnis, bukan hanya halaman depan.
Perbaikan di server juga berpengaruh. Lihat TTFB untuk waktu respons awal, Web Cache untuk cache halaman, CDN untuk distribusi aset, serta Optimasi Gambar dan Lazy Loading untuk elemen visual.
Kelompokkan halaman berdasarkan template, misalnya beranda, artikel, dan halaman produk. Satu perbaikan di template sering menyelesaikan masalah di banyak URL sekaligus. Jangan mengejar skor 100 di semua halaman. Fokus pada halaman dengan trafik dan konversi tertinggi, lalu ukur ulang setelah 28 hari agar data lapangan cukup stabil.
FAQ
Apakah skor PageSpeed sama dengan Core Web Vitals?
Tidak. PageSpeed Insights menampilkan data lab dan lapangan. Core Web Vitals yang dinilai Google adalah data lapangan dari pengguna nyata.
Metrik mana yang paling penting?
Ketiganya penting, tetapi LCP sering menjadi masalah pertama di situs yang banyak gambar. Perbaiki yang paling buruk di halaman dengan trafik tertinggi.
Apakah CLS bisa diperbaiki tanpa mengubah desain?
Sering bisa. Tetapkan dimensi gambar, sisakan ruang untuk elemen dinamis, dan pilih font yang tidak menggeser layout saat dimuat.
Disclaimer: Artikel WikiHosting disusun untuk tujuan edukasi dan referensi. Teknologi hosting terus berkembang, sehingga beberapa informasi teknis mungkin berubah seiring waktu.
