Digital Transformation
INP (Interaction to Next Paint), Detail Lengkap
INP adalah metrik Core Web Vitals yang mengukur responsivitas halaman terhadap interaksi pengguna. Skor diambil dari interaksi paling lambat selama sesi. Skor baik di bawah 200 ms, butuh perbaikan 200-500 ms, buruk di atas 500 ms.
TL;DR: INP atau Interaction to Next Paint mengukur waktu sejak pengguna mengklik, mengetik, atau menyentuh elemen sampai tampilan berikutnya muncul. Sejak Maret 2024, INP menggantikan FID sebagai metrik responsivitas resmi Core Web Vitals. Halaman dianggap responsif kalau INP di bawah 200 ms.
Apa itu INP?
INP atau Interaction to Next Paint adalah metrik yang mengukur seberapa cepat browser bisa merespons interaksi nyata pengguna. Tidak seperti FID lama yang hanya mengukur input pertama, INP memantau semua interaksi sepanjang sesi dan mengambil yang paling lambat sebagai skor halaman.
Interaksi yang diukur termasuk klik mouse, ketukan layar sentuh, dan input keyboard. Scroll dan hover tidak dihitung. Sumber: web.dev INP.
Bagaimana Skor INP Dihitung?
| Komponen | Penjelasan |
|---|---|
| Input delay | Waktu sejak event hingga handler mulai dieksekusi |
| Processing time | Durasi event handler memproses logika |
| Presentation delay | Waktu render setelah handler selesai |
Skor INP adalah total ketiga komponen di atas untuk interaksi paling lambat. Mayoritas situs Indonesia melihat 60-70% INP buruk berasal dari processing time, biasanya skrip pihak ketiga seperti chat widget atau analytics yang berat. Lihat juga [Web Vitals Attribution](/glosarium/web-vitals-attribution) untuk debug detail.
Kenapa Penting?
INP yang buruk membuat halaman terasa lag, terutama saat pengguna mengisi formulir atau menekan tombol checkout. Dalam beberapa proyek e-commerce yang saya audit di 2025-2026, perbaikan INP dari 480 ms ke 180 ms berkorelasi dengan peningkatan completion rate checkout 8-15%. Angka ini bervariasi tergantung industri dan profil pengguna.
Pertanyaan Umum
Apa bedanya INP dengan FID?
FID hanya mengukur interaksi pertama dan tidak menghitung processing time. INP mengukur semua interaksi dan menghitung end-to-end dari klik sampai pixel muncul.
Bagaimana cara cek INP halaman?
Pakai tools seperti PageSpeed Insights, Chrome DevTools Performance panel, atau library web-vitals untuk pengukuran field data.
Istilah Terkait