Digital Transformation
INP (Interaction to Next Paint)
TL;DR: INP (Interaction to Next Paint) adalah metrik Core Web Vitals yang mengukur seberapa cepat halaman web merespons interaksi pengguna seperti klik, tap, atau ketikan. Sejak Maret 2024, INP resmi menggantikan FID sebagai metrik responsivitas Google. Skor baik di bawah 200 ms, perlu perbaikan 200-500 ms, buruk di atas 500 ms.
Apa itu INP?
INP adalah singkatan dari Interaction to Next Paint. Metrik ini mencatat selisih waktu dari saat pengguna berinteraksi dengan halaman sampai browser berhasil merender frame berikutnya yang menampilkan respons visual. Berbeda dengan FID yang hanya mengukur input delay pertama, INP mencatat interaksi terlama sepanjang sesi kunjungan.
Bayangkan pengguna menekan tombol "Tambah ke Keranjang" di toko online. INP mengukur jeda antara tekan tombol dan munculnya animasi konfirmasi. Jika jeda terasa lag, pengguna ragu dan sering meninggalkan halaman. Optimasi INP berhubungan erat dengan Core Web Vitals secara keseluruhan dan praktik CWV Attribution untuk debugging.
Cara Kerja INP
| Tahap | Waktu yang Diukur |
|---|---|
| Input delay | Jeda sebelum event handler mulai jalan |
| Processing time | Durasi event handler memproses logika |
| Presentation delay | Waktu browser merender frame baru |
INP melaporkan interaksi paling lambat (atau persentil 98 jika interaksi lebih dari 50). Pengukuran berlangsung di sisi pengguna nyata via Chrome User Experience Report (CrUX) atau library web-vitals.js.
Kenapa Penting?
Sejak 12 Maret 2024, Google resmi pakai INP sebagai sinyal ranking di Search Console. Halaman dengan INP buruk berisiko turun peringkat di kategori UX. Untuk marketer Indonesia yang menjalankan landing page iklan, INP buruk berarti bounce rate naik dan biaya akuisisi membengkak.
Dalam beberapa audit Web Vitals yang Vito Atmo jalankan untuk klien e-commerce, perbaikan INP dari 420 ms ke 180 ms berkorelasi dengan kenaikan conversion rate 8-12 persen tanpa ubah copy atau desain.
Pertanyaan Umum
Apa beda INP dengan FID?
FID hanya mengukur input delay interaksi pertama, sementara INP mengukur seluruh siklus interaksi (input + processing + render) dan melaporkan yang terburuk dalam sesi.
Berapa skor INP yang dianggap baik?
Di bawah 200 ms baik, 200-500 ms perlu perbaikan, di atas 500 ms buruk. Pengukuran berdasar data pengguna nyata, bukan lab.
Bagaimana cara cepat menurunkan INP?
Pecah long task JavaScript, gunakan requestIdleCallback, debounce event handler, dan offload pekerjaan berat ke Web Worker.
Istilah Terkait