Digital Transformation
Prefetch vs Prerender
TL;DR: Prefetch dan prerender sama-sama teknik memuat sumber daya sebelum dibutuhkan, tapi tingkatannya berbeda. Prefetch hanya mengunduh aset penting di latar belakang. Prerender menyiapkan seluruh halaman tujuan sehingga terasa instan saat dibuka. Prerender lebih cepat dirasakan pengguna, tapi lebih boros sumber daya, jadi dipakai hanya untuk halaman yang kemungkinan besar dikunjungi.
Apa itu Prefetch dan Prerender?
Prefetch dan prerender adalah dua strategi "memuat lebih awal" yang membuat navigasi antar halaman terasa cepat. Prefetch fokus pada potongan sumber daya, sementara prerender menyiapkan halaman utuh di latar belakang. Keduanya bagian dari keluarga teknik yang berkaitan dengan resource hint, yaitu petunjuk yang memberitahu browser apa yang sebaiknya disiapkan lebih dulu.
Pada praktiknya, framework modern dan API seperti Speculation Rules API mengotomasi keputusan ini berdasarkan kemungkinan klik pengguna.
Perbedaan Inti
| Aspek | Prefetch | Prerender |
|---|---|---|
| Yang disiapkan | Aset tertentu (skrip, dokumen) | Seluruh halaman |
| Biaya sumber daya | Ringan | Berat |
| Kecepatan dirasakan | Cepat | Hampir instan |
| Risiko | Kecil | Boros jika prediksi salah |
Kenapa Penting?
Bagi bisnis di Indonesia dengan banyak pengguna di jaringan seluler, kecepatan navigasi sangat memengaruhi pengalaman. Prefetch yang tepat bisa membuat halaman berikutnya terbuka tanpa jeda terasa, dan ini berdampak pada metrik pengalaman seperti Core Web Vitals. Tapi prerender yang serampangan justru membuang kuota dan baterai pengguna, jadi pemakaiannya perlu selektif.
Pertanyaan Umum
Apakah prerender selalu lebih baik karena lebih cepat?
Tidak. Prerender memboroskan sumber daya jika halaman yang disiapkan ternyata tidak dibuka. Gunakan hanya untuk tujuan dengan probabilitas klik tinggi.
Siapa yang mengatur kapan keduanya dipakai?
Umumnya browser dan framework, dibantu petunjuk seperti Speculation Rules. Developer menentukan aturannya, browser mengeksekusi sesuai konteks.