Kecepatan website bukan lagi sekadar pelengkap kenyamanan, melainkan faktor pemeringkat resmi dalam algoritma pencarian Google. Pengunjung modern mengharapkan halaman terbuka seketika. Setiap detik keterlambatan muat halaman dapat menurunkan rasio konversi hingga 20% dan melipatgandakan tingkat pentalan (bounce rate).
1. Tiga Metrik Utama Core Web Vitals
Google mengukur pengalaman performa website melalui tiga metrik inti:
- LCP (Largest Contentful Paint): Waktu yang dibutuhkan untuk merender elemen visual terbesar di layar (biasanya gambar hero atau teks judul utama). Target optimal: < 2.5 detik.
- INP (Interaction to Next Paint): Mengukur responsivitas halaman saat pengguna berinteraksi (mengklik tombol, membuka menu). Target optimal: < 200 milidetik.
- CLS (Cumulative Layout Shift): Mengukur stabilitas visual halaman, memastikan elemen konten tidak bergeser secara tiba-tiba saat halaman sedang dimuat. Target optimal: < 0.1.
2. Langkah Taktis Mempercepat LCP
Untuk mencapai skor LCP hijau terbaik:
- Kompresi Gambar ke Format WebP/AVIF: Jangan pernah mengunggah gambar mentah berukuran megabyte. Konversi gambar ke format WebP modern dengan resolusi yang pas dengan layar.
- Preload Elemen Kritis: Gunakan tag
<link rel="preload" as="image">untuk gambar banner utama agar browser memuatnya di urutan pertama. - Minifikasi CSS & JavaScript: Hapus baris kosong, komentar, dan kode tak terpakai untuk memperkecil ukuran transfer file.
3. Menghilangkan Render-Blocking Resources
Script JavaScript pihak ketiga dan font eksternal seringkali memblokir proses rendering HTML. Terapkan atribut defer atau async pada tag script agar browser dapat terus merender tampilan teks dan struktur halaman terlebih dahulu sebelum memproses script interaktif.