Digital Transformation
INP (Interaction to Next Paint)
Metrik Core Web Vitals dari Google yang mengukur jeda paling lambat antara interaksi pengguna dan respons visual halaman. Skor baik: di bawah 200 milidetik.
TL;DR: Interaction to Next Paint (INP) adalah metrik Core Web Vitals dari Google yang mengukur jeda paling lambat antara interaksi pengguna (klik, tap, tekan keyboard) dan respons visual halaman web. Per Maret 2024, INP menggantikan First Input Delay sebagai metrik responsivitas resmi. Skor baik: di bawah 200 milidetik.
Apa itu Interaction to Next Paint?
Interaction to Next Paint (INP) mengukur kecepatan halaman merespons interaksi sepanjang sesi kunjungan. Sederhananya, ketika pengguna mengklik tombol atau mengetik di form, INP mencatat berapa lama sampai layar menampilkan perubahan visual sebagai respons. Berbeda dengan Largest Contentful Paint yang mengukur kecepatan render awal, INP fokus pada pengalaman interaktif setelah halaman muat.
INP mengambil interaksi paling lambat dari sebuah sesi (atau persentil ke-98 jika interaksi sangat banyak) sebagai representasi pengalaman. Metrik ini menggantikan First Input Delay yang hanya mencatat interaksi pertama, sehingga lebih akurat menggambarkan responsivitas keseluruhan.
Ambang Skor INP
| Skor | Rentang | Pengalaman |
|---|---|---|
| Baik | di bawah 200 ms | Responsif, terasa instan |
| Perlu Perbaikan | 200 sampai 500 ms | Terasa sedikit lag |
| Buruk | di atas 500 ms | Halaman terasa beku saat interaksi |
Data ini berasal dari dokumentasi resmi web.dev tentang INP yang menjadi rujukan standar pengukuran performa halaman.
Kenapa INP Penting?
Bagi pebisnis Indonesia yang mengandalkan website untuk konversi, INP yang buruk membuat tombol checkout, form lead, atau filter produk terasa tidak responsif. Dalam beberapa proyek e-commerce yang saya tangani, perbaikan INP dari 600 ms ke 180 ms berkorelasi dengan kenaikan rasio penyelesaian form 8 sampai 12 persen. Angka ini bervariasi tergantung jenis interaksi dan jenis perangkat pengguna.
Google juga menggunakan INP sebagai salah satu sinyal peringkat sejak Maret 2024. Halaman dengan INP buruk berpotensi kehilangan posisi di hasil pencarian, terutama saat berkompetisi di kata kunci dengan persaingan tinggi.
Pertanyaan Umum
Apa bedanya INP dengan First Input Delay?
First Input Delay hanya mengukur interaksi pertama dan hanya menghitung jeda input, bukan jeda render. INP menghitung seluruh siklus interaksi (input, processing, paint) dan mengambil interaksi terburuk dalam sesi.
Bagaimana cara mengukur INP di website saya?
Gunakan Chrome DevTools (panel Performance), PageSpeed Insights, atau pasang library web-vitals dari Google untuk pengukuran lapangan dari pengguna nyata.
Apakah INP cuma soal JavaScript?
Sebagian besar masalah INP bersumber dari JavaScript berat yang memblokir main thread, namun layout shift saat interaksi dan animasi CSS yang berat juga bisa memperburuk skor.
Istilah Terkait