Digital Transformation
Interaction Readiness (Kesiapan Interaksi Halaman Web)
Interaction Readiness adalah tingkat kesiapan elemen interaktif halaman web merespons input pengguna tanpa jeda, diukur lewat metrik seperti INP dan TBT untuk menjamin pengalaman lancar.
Apa itu Interaction Readiness?
Interaction Readiness adalah konsep payung yang menggambarkan kesiapan sebuah halaman web untuk merespons interaksi pengguna sejak load awal hingga sepanjang sesi. Berbeda dengan Core Web Vitals yang fokus loading dan stabilitas visual, Interaction Readiness fokus pada responsivitas. Sinyal utama: input delay, long task di main thread, dan kesiapan event handler. Untuk dasar pengukuran, lihat juga web vitals attribution.
Sinyal Utama
| Sinyal | Apa yang Diukur |
|---|---|
| INP | Waktu antara interaksi dan pembaruan tampilan |
| TBT | Total waktu main thread terblokir sebelum interaktif |
| Long Task | Tugas JS yang menahan main thread lebih dari 50 ms |
| FID (legacy) | Delay input pertama, digantikan INP sejak Maret 2024 |
Lihat long task untuk pemahaman teknis lebih dalam.
Kenapa Penting?
Per Maret 2024 Google mengganti FID dengan INP sebagai Core Web Vitals, menandakan responsivitas interaksi jadi faktor peringkat. Untuk situs Indonesia dengan banyak pengunjung di perangkat mid-range, Interaction Readiness buruk akan terlihat sebagai tombol "ngadat" dan form lambat. Praktik standar di industri menargetkan INP di bawah 200 ms untuk pengalaman baik.
Pertanyaan Umum
Apa beda Interaction Readiness dengan Time to Interactive (TTI)?
TTI mengukur kapan halaman pertama kali siap interaktif. Interaction Readiness lebih luas, mencakup responsivitas sepanjang sesi, bukan hanya momen awal.
Bagaimana cara meningkatkan Interaction Readiness di Next.js?
Pecah JS bundle dengan dynamic import, hindari sinkronisasi state berat di event handler, pakai useTransition untuk update non-urgent, dan debounce input intensif. Detail teknis ada di artikel terkait INP debouncing.