Cara Bikin Website Bisnis Cepat lewat Core Web Vitals

TL;DR: Core Web Vitals adalah tiga metrik Google yang mengukur pengalaman memuat halaman, yaitu LCP (kecepatan tampil konten utama), INP (respons terhadap interaksi), dan CLS (kestabilan tata letak). Target sehat: LCP di bawah 2,5 detik, INP di bawah 200 ms, CLS di bawah 0,1. Memperbaikinya membuat website terasa cepat dan membantu peringkat SEO.

Dalam beberapa proyek website bisnis yang saya tangani, keluhan paling sering bukan soal desain, melainkan "kenapa website terasa berat di HP". Padahal sebagian besar pengunjung di Indonesia datang dari ponsel dengan koneksi yang tidak selalu stabil.

Kecepatan bukan urusan teknis semata. Halaman yang lambat tampil membuat calon pelanggan menutup tab sebelum membaca penawaran, dan itu kehilangan yang tidak terlihat di laporan penjualan.

Tiga Metrik yang Perlu Anda Pahami

Core Web Vitals terdiri dari tiga angka, dan masing-masing mengukur aspek pengalaman yang berbeda. Memahami ketiganya membantu Anda tahu bagian mana yang perlu diperbaiki lebih dulu.

LCP biasanya soal gambar besar atau server yang lambat merespons. INP berhubungan dengan beratnya kode JavaScript. CLS muncul saat elemen bergeser tiba tiba, misalnya gambar tanpa ukuran tetap.

Langkah Perbaikan yang Berdampak Besar

Tidak semua perbaikan setara. Dari pengalaman, beberapa langkah memberi dampak paling besar dengan usaha paling kecil. Pertama, kompres dan ubah ukuran gambar agar tidak lebih besar dari kebutuhan tampilan, karena gambar berat adalah penyebab LCP buruk paling umum. Kedua, tetapkan dimensi gambar dan ruang iklan agar tata letak tidak bergeser, ini langsung menyelamatkan CLS. Ketiga, kurangi skrip pihak ketiga yang tidak penting, karena setiap skrip menambah beban INP.

Untuk mengukur kondisi nyata, gunakan data lapangan, bukan hanya tes lab. Google menyediakan acuan resmi di web.dev tentang Core Web Vitals yang menjelaskan setiap metrik secara teknis.

Contoh Nyata dari Project

Saat membangun Vetmo, platform pet care, tantangan terbesar adalah halaman daftar layanan yang penuh gambar. Dengan mengubah format gambar dan menetapkan ukurannya, waktu tampil konten utama turun secara signifikan dan tata letak berhenti melompat saat dibuka di ponsel. Pada vitoatmo.com sendiri, saya memakai pendekatan render statis sehingga konten artikel sudah siap saat halaman dibuka, yang membantu menjaga LCP tetap rendah tanpa banyak skrip tambahan. Pola yang sama bisa diterapkan di hampir semua website bisnis, yaitu dahulukan gambar dan kestabilan sebelum mengejar hal yang lebih rumit.

Pertanyaan Umum

Apakah website cepat otomatis naik peringkat?

Tidak otomatis. Core Web Vitals adalah salah satu faktor, bukan satu satunya. Konten yang relevan tetap jadi penentu utama, namun kecepatan menjadi pembeda saat kualitas konten setara.

Tools apa untuk mengecek skor?

Anda bisa memakai PageSpeed Insights dari Google yang menampilkan data lab dan data lapangan sekaligus, gratis dan tanpa instalasi.

Berapa lama sampai perbaikan terlihat di Search Console?

Data lapangan biasanya butuh beberapa minggu untuk memperbarui karena dihitung dari kunjungan nyata selama 28 hari terakhir.

Mulai dari Halaman Paling Ramai

Daripada memperbaiki semua halaman sekaligus, mulai dari satu atau dua halaman dengan traffic tertinggi, misalnya halaman utama dan halaman penawaran. Perbaikan di halaman yang paling sering dibuka memberi dampak paling cepat terasa, baik untuk pengunjung maupun untuk sinyal yang dibaca Google.