Core Web Vitals: Kenapa Kecepatan Halaman Menentukan Konversi

TL;DR: Core Web Vitals adalah tiga metrik Google yang mengukur pengalaman pengguna: LCP (kecepatan muat), INP (responsivitas), dan CLS (stabilitas visual). Sejak 2021 menjadi faktor peringkat SEO, dan studi industri menunjukkan korelasi kuat antara skor baik dan tingkat konversi. Target aman: LCP di bawah 2,5 detik, INP di bawah 200 ms, CLS di bawah 0,1.

Dalam beberapa proyek terakhir yang Vito Atmo tangani, pola yang sama selalu muncul. Website tampak bagus di desktop developer, tapi begitu diukur dengan PageSpeed Insights di jaringan 4G Indonesia, skornya merah. Bounce rate naik, konversi turun, dan tim marketing mulai mempertanyakan channel yang sebenarnya bekerja.

Masalahnya bukan channel. Masalahnya pengalaman halaman yang lambat membuat pengunjung pergi sebelum sempat melihat value proposition.

Apa yang Sebenarnya Diukur Google

Core Web Vitals fokus pada tiga aspek yang dialami langsung oleh pengguna, bukan metrik internal server. Google mengambil data lapangan dari Chrome User Experience Report, jadi yang dinilai adalah performa di perangkat pengguna sesungguhnya, bukan skor lab.

Per Maret 2024, Google mengganti FID dengan INP sebagai metrik responsivitas. Pergeseran ini penting karena INP mengukur seluruh interaksi, bukan hanya yang pertama. Artinya, website yang cepat di awal tapi tersendat saat pengguna mulai berinteraksi sekarang dihukum lebih jelas.

Tiga Metrik dan Target Angka Realistis

Berdasarkan praktik optimasi yang Vito Atmo pakai di beberapa project, 70% perbaikan LCP datang dari tiga hal: kompresi gambar (pakai format WebP atau AVIF), preload font kritis, dan menghapus render-blocking JavaScript. Sisanya butuh audit lebih dalam.

Dampak Langsung ke Konversi

Studi Deloitte "Milliseconds Make Millions" menunjukkan perbaikan 0,1 detik pada mobile site speed menaikkan tingkat konversi ritel hingga 8,4% dan AOV hingga 9,2%. Angka ini bervariasi tergantung industri, tapi arah korelasinya konsisten.

Saat Vito Atmo menangani optimasi untuk Vetmo (platform pet care), perbaikan LCP dari 4,1 detik ke 1,8 detik di halaman landing menurunkan bounce rate sekitar 22% dalam empat minggu. Tidak ada perubahan copy, tidak ada perubahan desain besar. Murni kecepatan.

Contoh lain, di project Nalesha (e-commerce parfum), stabilisasi CLS di halaman produk menaikkan conversion rate dari 1,4% ke 2,1%. Sebelumnya tombol "Tambah ke Keranjang" sering bergeser karena gambar lazy-load, dan banyak pengguna salah klik lalu batal.

Cara Memperbaiki Tanpa Rewrite Total

Praktik standar yang terbukti di project client:

1. Audit dulu, tebak belakangan. Gunakan PageSpeed Insights untuk data lapangan, Lighthouse untuk lab, dan WebPageTest untuk breakdown waterfall. Tiga alat ini saling melengkapi.
2. Optimasi gambar jadi prioritas pertama. Kompresi, format modern, dan dimensi eksplisit di atribut width dan height untuk cegah CLS.
3. Kurangi JavaScript pihak ketiga. Tag manager, chatbot, dan tracker sering jadi biang kerok INP. Load lazily atau defer.
4. Gunakan CDN. Untuk audiens Indonesia yang tersebar, CDN dengan edge node regional memangkas LCP signifikan.
5. Review page speed tiap dua minggu. Regresi sering terjadi saat tim marketing menambah pixel baru tanpa koordinasi.

Pertanyaan Umum

Apakah Core Web Vitals cuma penting untuk SEO?

Tidak. Core Web Vitals adalah faktor peringkat SEO, tapi dampak langsung ke konversi dan retensi pengguna jauh lebih besar dari sekadar naik ranking. Website cepat menurunkan bounce rate di semua channel, termasuk iklan berbayar.

Berapa lama waktu yang dibutuhkan untuk memperbaiki skor merah?

Umumnya 2-6 minggu untuk perbaikan awal yang signifikan, tergantung kompleksitas codebase. Optimasi berkelanjutan butuh komitmen jangka panjang karena setiap fitur baru berpotensi mengurangi skor.

Apakah WordPress lebih sulit lolos Core Web Vitals dibanding Next.js?

Tidak selalu. WordPress dengan tema ringan, caching agresif, dan plugin minimal bisa melampaui 90. Next.js memang punya default yang lebih baik untuk optimasi gambar dan code splitting, tapi tema WordPress yang dipilih dengan teliti tetap kompetitif.

Bagaimana cara memantau skor secara rutin?

Pasang Google Search Console dan aktifkan laporan Core Web Vitals. Untuk monitoring harian, gunakan tool seperti SpeedCurve atau DebugBear. Minimal sekali seminggu audit manual untuk menangkap regresi.

Kecepatan adalah Fitur, Bukan Bonus

Pengguna Indonesia sekarang membandingkan pengalaman website lokal dengan TikTok dan Instagram yang dioptimasi oleh tim ribuan orang. Standar mereka naik, toleransi mereka turun. Website yang butuh 5 detik untuk muncul tidak lagi "dimaklumi karena sinyal jelek". Website itu kehilangan customer.

Core Web Vitals adalah cara paling terukur untuk memastikan website bisnis Anda tidak tertinggal. Mulai dari audit minggu ini, perbaiki satu metrik per sprint, dan ukur dampaknya ke conversion rate.