Core Web Vitals di Hosting Indonesia: Apa yang Nyata dan Apa yang Mitos

Core Web Vitals adalah tiga angka yang dipakai Google untuk menilai pengalaman halaman: LCP, INP, dan CLS. Banyak artikel menjelaskannya dengan jargon. Di sini saya coba menjelaskannya lewat penyebab yang paling sering saya temui di situs bisnis Indonesia.

LCP — kapan konten utama muncul

LCP mengukur waktu sampai elemen terbesar di layar terlihat. Targetnya di bawah 2,5 detik.

Penyebab paling umum di hosting lokal:

• Gambar hero tanpa kompresi. Foto 4000 piksel yang ditampilkan pada lebar 1200 piksel. Solusinya bukan mengubah hosting, tapi mengubah ukuran gambar.
• Font dari pihak ketiga tanpa preconnect. Tiga keluarga font dengan enam ketebalan bisa menambah satu detik.
• Hosting murah tanpa cache. Setiap kunjungan merakit ulang halaman dari nol. Cache halaman biasanya menurunkan waktu tanggap secara drastis.
• Server jauh dari pengguna. Kalau server di Eropa dan pengunjung di Jakarta, tambahkan CDN atau pilih lokasi server yang lebih dekat.

INP — seberapa cepat halaman merespons

INP mengukur jeda antara interaksi pengguna dan respons yang terlihat. Target di bawah 200 milidetik. Penyebabnya hampir selalu JavaScript: skrip pelacak yang berat, slider yang memuat semuanya sekaligus, atau event listener yang menjalankan pekerjaan besar di thread utama.

Perbaikannya biasanya membosankan: tunda skrip yang tidak perlu, pecah pekerjaan berat, dan hapus library yang hanya dipakai untuk satu animasi kecil.

CLS — seberapa banyak tata letak bergeser

CLS mengukur pergeseran elemen saat halaman dimuat. Target di bawah 0,1. Penyebab paling umum: gambar tanpa atribut lebar dan tinggi, iklan yang disisipkan setelah konten dirender, dan font yang berganti di tengah pemuatan.

Solusi teknisnya sederhana: tetapkan rasio aspek gambar, sediakan ruang untuk elemen dinamis, dan pakai font-display: swap dengan metrik font yang mirip.

Mitos yang perlu diluruskan

• "Harus pindah ke hosting mahal." Sering kali masalahnya di aset, bukan di server. Perbaiki gambar dulu sebelum menambah biaya.
• "Skor Lighthouse 100 berarti cepat." Skor lab berbeda dari data pengguna nyata. Yang dipakai Google adalah data lapangan.
• "Core Web Vitals menentukan peringkat." Ia salah satu faktor, bukan faktor utama. Konten yang menjawab pertanyaan tetap lebih menentukan.

Cara memeriksa sendiri

Buka PageSpeed Insights, masukkan URL, dan lihat tab data lapangan lebih dulu. Kalau data lapangan kosong, situs Anda belum cukup trafik — gunakan tab lab sebagai perkiraan. Dari situ, perbaiki satu hal terbesar, ukur lagi setelah dua pekan.

Untuk pekerjaan teknis yang lebih dalam, lihat web developer Jakarta.

Ditulis oleh KIKO1337 — perancang dan pengembang web di Jakarta. Bekerja sendiri, dari riset sampai kode produksi. Tentang penulis.