Core Web Vitals: dari merah ke hijau dalam tiga sprint

Klien datang dengan satu keluhan: halaman produk terasa lambat, dan angka penjualan turun. Kami mulai dengan mengukur, bukan mengubah. Selama seminggu kami kumpulkan data lapangan dari pengguna nyata, bukan hasil uji di laptop kantor yang jaringannya selalu cepat.

Hasilnya mengejutkan. Tersangka utama, pustaka animasi, ternyata hanya menyumbang sebagian kecil. Biang keladinya adalah gambar hero berukuran 2,4 MB yang dimuat sebelum teks muncul, ditambah tiga skrip pihak ketiga yang memblokir proses render.

Perbaikan yang paling berdampak justru paling sederhana: gambar dikompresi dan diberi ukuran eksplisit, skrip ditunda, dan font dimuat dengan swap. Setelah tiga sprint, LCP turun ke 1,6 detik dan rasio pentalan ikut membaik. Pelajarannya: ukur dulu, karena tebakan kita soal penyebab lambat sering meleset.