Digital Transformation
Speculation Rules Eagerness
TL;DR: Eagerness adalah throttle di Speculation Rules API yang menentukan kapan Chrome memicu prefetch atau prerender halaman target. Empat level tersedia.
immediate(langsung saat halaman dimuat),eager(langsung saat link masuk viewport),moderate(saat hover 200 ms), danconservative(saat pointerdown). Pilihan yang salah membuang bandwidth atau menghilangkan benefit kecepatan.
Apa itu Eagerness?
Speculation Rules adalah deklarasi JSON yang memberi tahu browser halaman mana yang kemungkinan akan dikunjungi pengguna berikutnya. Tanpa parameter eagerness, browser akan memakai default yang tidak selalu cocok dengan pola interaksi situs. Eagerness adalah dial yang menyeimbangkan trade-off antara waktu navigasi instan dan biaya bandwidth, terutama untuk pengguna mobile Indonesia dengan kuota data terbatas.
Setiap level eagerness memetakan ke event berbeda. immediate cocok untuk halaman yang hampir pasti dikunjungi seperti next step di funnel. conservative cocok untuk situs e-commerce dengan ratusan link produk di mana prefetch agresif justru mahal.
Empat Level Eagerness
| Level | Trigger | Use Case | Cost |
|---|---|---|---|
| immediate | Saat halaman load | Critical next step (login -> dashboard) | Tinggi |
| eager | Link masuk viewport | Hub page dengan few high-intent links | Sedang |
| moderate | Hover 200 ms / pointerdown | Default untuk most pages | Rendah |
| conservative | pointerdown saja | Listing dengan banyak link | Sangat rendah |
Contoh konfigurasi untuk artikel blog yang menggunakan prefetch:
{
"prerender": [{
"source": "document",
"where": {"href_matches": "/artikel/*"},
"eagerness": "moderate"
}]
}
Kenapa Penting?
Untuk situs yang dirender via prerendering, eagerness adalah satu-satunya cara menghindari "speculative load explosion" di mana browser menyiapkan puluhan halaman yang tidak pernah dibuka. Per pengalaman dengan beberapa proyek client e-commerce di 2026, default moderate plus selective immediate pada CTA primer memberi gain LCP 200-400 ms tanpa membengkakkan data transfer di luar 8-12 persen.
Pertanyaan Umum
Apakah eagerness immediate selalu lebih baik?
Tidak. immediate memicu prerender untuk semua link yang match aturan saat halaman load, termasuk yang tidak pernah diklik. Untuk halaman dengan banyak link, ini boros bandwidth dan memori, terutama di mobile mid-range.
Bagaimana mengukur efektivitas setting eagerness?
Pantau metrik prerenderActivated di Web Vitals Attribution API bersama navigation timing. Rasio antara halaman yang di-prerender vs yang benar-benar diaktifkan harus di atas 30 persen untuk dianggap efisien.
Istilah Terkait