Resumability

TL;DR: Resumability adalah pendekatan rendering di mana browser melanjutkan (resume) kondisi aplikasi yang sudah dibangun server, bukan membangun ulang dari nol seperti hidrasi tradisional. Hasilnya, waktu sampai halaman bisa diklik jauh lebih singkat karena JavaScript tidak perlu dieksekusi ulang seluruhnya saat halaman dibuka.

Apa itu Resumability?

Resumability adalah teknik di mana aplikasi web "dilanjutkan" di browser dari titik terakhir yang sudah diproses server, tanpa mengulang kerja yang sama. Analoginya seperti melanjutkan film dari menit terakhir yang ditonton, bukan memutar ulang dari awal. Pendekatan ini berbeda dari hidrasi yang mengharuskan browser menjalankan ulang komponen untuk memasang kembali event listener.

Konsep ini dipopulerkan oleh framework Qwik dan menjadi salah satu arah baru dalam optimasi Core Web Vitals, khususnya untuk menekan waktu interaktif pada perangkat kelas menengah ke bawah yang umum dipakai di Indonesia.

Resumability vs Hidrasi

Kenapa Penting?

Untuk pasar Indonesia yang didominasi perangkat mid-range dan koneksi tidak selalu stabil, waktu sampai halaman benar-benar bisa diklik sering lebih menentukan konversi daripada sekadar waktu muat visual. Resumability menyerang masalah ini di akar: mengurangi JavaScript yang harus dieksekusi browser saat pembukaan halaman. Dalam beberapa proyek migrasi yang saya tangani, beban skrip awal yang besar adalah penyebab paling sering skor interaktivitas jatuh.

Pertanyaan Umum

Apakah resumability menggantikan hidrasi sepenuhnya?

Belum tentu. Hidrasi masih dominan di ekosistem React dan framework arus utama. Resumability adalah alternatif yang menjanjikan untuk kasus yang sangat sensitif terhadap waktu interaktif, tetapi adopsinya masih lebih terbatas per 2026.

Framework apa yang memakai resumability?

Qwik adalah implementasi paling dikenal. Sebagian ide serupa juga dieksplorasi oleh framework lain lewat pendekatan seperti islands architecture dan partial prerendering.