Formula Core Web Vitals yang Harus Dihitung Marketer

TL;DR: Core Web Vitals adalah tiga metrik Google yang mengukur pengalaman halaman, yaitu LCP di bawah $2{,}5$ detik, INP di bawah $200$ ms, dan CLS di bawah $0{,}1$. Sejak Maret 2024, INP menggantikan FID sebagai metrik responsivitas resmi. Marketer yang paham angka ini bisa menilai kenapa campaign berbayar gagal konversi meski traffic tinggi.

Banyak marketer berhenti di angka "PageSpeed 90/100" tanpa tahu apa yang sebenarnya diukur. Padahal skor itu adalah agregat dari tiga sub-metrik yang masing-masing punya rumus matematika berbeda. Dalam beberapa proyek klien UMKM terakhir, saya melihat pola yang sama: iklan Meta atau Google berjalan baik, tapi conversion rate landing page stuck di bawah satu persen karena Core Web Vitals merah.

Tiga Metrik dan Formulanya

Core Web Vitals terdiri dari tiga angka, masing-masing mengukur dimensi pengalaman berbeda. Lihat rumusnya di bawah.

LCP (Largest Contentful Paint)

LCP mengukur waktu sampai elemen terbesar di viewport selesai di-render. Formulanya sederhana:

$$\text{LCP} = t_{\text{paint_largest_element}} - t_{\text{navigation_start}}$$

Threshold baik adalah $\leq 2{,}5$ detik. Baca lebih dalam di LCP (Largest Contentful Paint).

INP (Interaction to Next Paint)

INP menggantikan First Input Delay (FID) pada Maret 2024. INP adalah nilai persentil ke-98 dari semua latensi interaksi dalam satu sesi:

$$\text{INP} = P_{98}({L_1, L_2, \dots, L_n})$$

dengan $L_i$ adalah latensi interaksi ke-$i$ dalam milidetik. Target baik: $\leq 200$ ms. Referensi resmi: web.dev INP guide.

CLS (Cumulative Layout Shift)

CLS mengukur pergeseran layout tak terduga. Rumus untuk satu shift:

$$CLS_{\text{shift}} = \text{impact fraction} \times \text{distance fraction}$$

Total CLS adalah jumlah shift terburuk dalam sesi $5$ detik terpanjang. Target baik: $\leq 0{,}1$. Lihat CLS (Cumulative Layout Shift).

Dampak ke Konversi Bisnis

Berdasarkan praktik saya di beberapa proyek e-commerce dan landing page UMKM, setiap peningkatan LCP sebesar $1$ detik biasanya memangkas conversion rate $5$–$7%$ secara relatif. Angka ini konsisten dengan studi Deloitte Digital tentang milliseconds make millions, meski besarnya bervariasi tergantung industri.

Modelnya kira-kira begini. Jika baseline conversion rate Anda $CR_0$ dan LCP naik sebesar $\Delta t$ detik, maka:

$$CR_{\text{baru}} \approx CR_0 \times (1 - 0{,}06 \cdot \Delta t)$$

Angka $0{,}06$ adalah rata-rata sensitivitas dari pengalaman lapangan, bukan konstanta universal.

Studi Kasus: Landing Page Vetmo

Saat membangun Vetmo, kami menemukan LCP awalnya $4{,}2$ detik karena hero image tidak dioptimasi. Setelah konversi ke WebP dengan Next.js Image dan preload resource hint, LCP turun ke $1{,}9$ detik. Dalam dua minggu, formulir booking naik dari $1{,}4%$ menjadi $2{,}1%$, atau uplift relatif sekitar $50%$. Detail optimasi ada di schema markup website bisnis.

Pertanyaan Umum

Apakah PageSpeed Insights dan Core Web Vitals sama?

Tidak persis. PageSpeed Insights adalah alat yang menampilkan Core Web Vitals, tapi juga memuat metrik tambahan seperti TTFB dan FCP. Fokus utama Google Search adalah tiga metrik CWV.

Berapa lama dampak optimasi CWV terlihat di SERP?

Umumnya $2$–$8$ minggu setelah Google mengumpulkan cukup data lapangan di CrUX. Tidak instan.

Apakah mobile dan desktop punya threshold berbeda?

Threshold sama, tetapi Google menilai mobile dan desktop secara terpisah. Mobile experience biasanya yang paling krusial untuk UMKM Indonesia.

Ringkas untuk Dipakai Besok

Catat tiga angka. Targetkan $2{,}5$ detik, $200$ ms, dan $0{,}1$. Ketika marketing report menunjukkan traffic naik tapi conversion turun, buka PageSpeed Insights dulu sebelum menyalahkan copy iklan.