Core Web Vitals membantu tim memahami bagaimana website terasa bagi pengguna nyata. LCP berkaitan dengan kecepatan elemen utama tampil, INP dengan respons interaksi, dan CLS dengan kestabilan layout. Ketiganya perlu dilihat bersama, bukan dikejar melalui satu trik.
Tiga metrik utama
- LCP: target baik hingga 2,5 detik untuk elemen konten utama.
- INP: target baik di bawah 200 milidetik untuk respons interaksi.
- CLS: target baik di bawah 0,1 agar layout tidak bergeser.
Masalah yang sering ditemukan
Hero image terlalu besar, font memblokir rendering, plugin memuat JavaScript di semua halaman, video autoplay, dan elemen tanpa dimensi sering menjadi sumber masalah. Pada halaman dengan banyak widget, pekerjaan utama biasanya adalah mengurangi resource yang tidak diperlukan.
Perbaikan praktis
- Gunakan gambar dengan format dan ukuran sesuai konteks.
- Tetapkan width dan height agar browser mencadangkan ruang.
- Tunda script yang tidak dibutuhkan pada first paint.
- Kurangi third-party script dan plugin yang tumpang tindih.
- Uji dengan data lapangan, bukan hanya skor lab.
Optimasi performa harus dikaitkan dengan tujuan bisnis. Halaman yang lebih cepat seharusnya membantu pengunjung memahami layanan, mengisi formulir, dan berpindah antarhalaman tanpa friksi.