Kecepatan Halaman & Core Web Vitals

Seberapa Cepat Website yang Cepat?

Google merekomendasikan bahwa sebuah halaman web harus dimuat dalam kurang dari 2,5 detik. Faktanya, penelitian membuktikan bahwa jika sebuah situs memakan waktu lebih dari 3 detik untuk dimuat, lebih dari 53% pengunjung mobile akan langsung menutup tab tersebut.

Kecepatan halaman dulunya hanyalah metrik kecil, namun kini telah berevolusi menjadi faktor peringkat utama melalui algoritma yang disebut Core Web Vitals.

Apa Itu Core Web Vitals?

Core Web Vitals adalah seperangkat metrik khusus yang dibuat oleh Google yang dianggap sangat penting untuk pengalaman pengguna (User Experience) di web. Ini tidak hanya mengukur kapan halaman selesai dimuat, tetapi juga bagaimana interaksinya.

Ada tiga pilar utama Core Web Vitals:

1. LCP (Largest Contentful Paint) - Mengukur Kecepatan Muat

LCP mengukur berapa lama waktu yang dibutuhkan elemen "paling besar" di layar (biasanya gambar sampul artikel / Hero Image atau blok teks utama) untuk muncul seutuhnya.

Target yang baik: Kurang dari 2,5 detik.
Cara memperbaiki: Gunakan kompresi gambar, layanan CDN (Content Delivery Network), dan hosting yang cepat.

2. INP (Interaction to Next Paint) - Mengukur Keresponsifan

(Catatan: INP menggantikan metrik FID pada Maret 2024). INP mengukur latensi interaksi secara keseluruhan. Ini menghitung berapa lama waktu antara saat Anda mengklik sebuah tombol, dengan respons visual yang diberikan oleh website.

Target yang baik: Kurang dari 200 milidetik.
Cara memperbaiki: Kurangi eksekusi JavaScript yang berat dan tunda skrip pihak ketiga (seperti widget chat atau analitik) agar tidak memblokir elemen utama.

3. CLS (Cumulative Layout Shift) - Mengukur Stabilitas Visual

Pernahkah Anda sedang membaca paragraf web, lalu tiba-tiba sebuah gambar termuat dan mendorong teks tersebut ke bawah, membuat Anda salah klik? Itulah Layout Shift yang mengganggu! CLS mengukur seberapa banyak perpindahan tata letak tak terduga yang terjadi.

Target yang baik: Skor di bawah 0,1.
Cara memperbaiki: Selalu tentukan atribut "width" (lebar) dan "height" (tinggi) pada gambar dan video di kode HTML Anda agar browser sudah memesan ruang kosong sebelum gambar tersebut termuat sepenuhnya.

Alat untuk Mengukur Kecepatan

Anda bisa mengecek nilai Core Web Vitals Anda melalui dashboard Google Search Console di menu Pengalaman Halaman.

Jika Anda ingin melihat secara mendetail file mana saja yang memberatkan halaman Anda, gunakan alat gratis dari Google bernama PageSpeed Insights. Alat ini akan memberikan Anda skor dari 0-100 dan memberikan daftar rincian tugas apa saja yang perlu Anda (atau developer Anda) kerjakan untuk mempercepatnya.