INP (Interaction to Next Paint)

TL;DR: INP atau Interaction to Next Paint adalah metrik Core Web Vitals yang mengukur seberapa cepat halaman merespons saat pengguna mengklik, mengetuk, atau mengetik. Skor baik berada di bawah 200 milidetik. Sejak Maret 2024, INP resmi menggantikan First Input Delay (FID) sebagai metrik responsivitas dalam penilaian SEO Google.

Apa itu INP?

Interaction to Next Paint adalah metrik yang merekam jeda antara pengguna melakukan interaksi (klik tombol, ketuk menu, mengetik di form) sampai layar menampilkan respons visual berikutnya. Berbeda dengan FID yang hanya mengukur interaksi pertama, INP mempertimbangkan seluruh interaksi sepanjang sesi dan mengambil skor terburuk yang mewakili pengalaman keseluruhan.

Analoginya seperti menekan tombol lift. Kalau pintu lift langsung merespons dengan suara atau lampu, pengguna tahu permintaannya diterima. Kalau hening selama satu detik penuh, mereka menekan tombol berkali-kali karena merasa lift rusak. INP mengukur jeda hening tersebut pada interface digital.

Threshold Resmi INP

Google menetapkan tiga kategori skor INP berdasarkan persentil ke-75 kunjungan nyata pengguna:

Skor INP diukur dari Chrome User Experience Report dan dapat dipantau melalui Google Search Console pada laporan Core Web Vitals, sama seperti LCP.

Penyebab Umum INP Buruk

Berdasarkan dokumentasi web.dev, tiga penyebab utama INP buruk adalah JavaScript task yang panjang dan memblokir thread utama, banyak event handler berat yang berjalan saat interaksi, serta rendering ulang yang besar setelah interaksi (misalnya re-render seluruh komponen di framework JavaScript modern). Website yang berat dengan banyak script tracking pihak ketiga sering menjadi penyebab tersembunyi.

Cara Memperbaiki INP

Beberapa langkah praktis yang umum diterapkan praktisi web performance per April 2026 adalah memecah JavaScript task panjang menjadi potongan kecil dengan teknik scheduler.yield, debouncing event handler input, lazy load komponen non-kritikal, dan minimalkan script pihak ketiga. Untuk framework seperti Next.js, gunakan Server Components atau React.lazy untuk mengurangi bundle yang dieksekusi di sisi klien.

Referensi resmi: panduan Optimize Interaction to Next Paint dari web.dev.

Kenapa Penting bagi Bisnis Indonesia?

Mayoritas pengguna mengakses website lewat ponsel mid-range dengan CPU terbatas. INP yang buruk membuat tombol checkout terasa hang, form pendaftaran terasa rusak, dan menu navigasi tidak responsif. Hasilnya: conversion rate turun karena pengunjung membatalkan transaksi sebelum selesai. Memperbaiki INP berarti memperbaiki UI/UX yang dirasakan langsung oleh calon pelanggan, dan secara tidak langsung memperbaiki sinyal SEO.

Pertanyaan Umum

Apa beda INP dengan FID (First Input Delay)?

FID hanya mengukur jeda interaksi pertama dan tidak memperhitungkan respons visual setelahnya. INP mengukur seluruh interaksi sepanjang sesi serta mempertimbangkan waktu sampai layar benar-benar berubah. INP resmi menggantikan FID sejak Maret 2024.

Apakah INP bisa diukur di tahap development?

Bisa. Lighthouse dan Chrome DevTools menyediakan simulasi INP dengan throttling CPU, walaupun skor resmi yang dipakai Google tetap berasal dari data lapangan pengguna nyata.

Berapa lama untuk melihat dampak perbaikan INP?

Berdasarkan praktik di proyek website bisnis, perbaikan dasar seperti pemecahan JavaScript dan pengurangan script tracking dapat memberikan dampak terukur dalam 4 hingga 8 minggu setelah Google mengumpulkan cukup data lapangan baru.

Structured Data

{
  "@context": "https://schema.org",
  "@type": "DefinedTerm",
  "name": "INP (Interaction to Next Paint)",
  "description": "Metrik Core Web Vitals yang mengukur responsivitas halaman terhadap interaksi pengguna dengan target di bawah 200 milidetik.",
  "inDefinedTermSet": "https://vitoatmo.com/glosarium",
  "url": "https://vitoatmo.com/glosarium/inp"
}

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {"@type": "Question", "name": "Apa beda INP dengan FID?", "acceptedAnswer": {"@type": "Answer", "text": "FID hanya mengukur jeda interaksi pertama. INP mengukur seluruh interaksi sepanjang sesi dan mempertimbangkan waktu sampai layar berubah. INP menggantikan FID sejak Maret 2024."}},
    {"@type": "Question", "name": "Apakah INP bisa diukur di tahap development?", "acceptedAnswer": {"@type": "Answer", "text": "Bisa. Lighthouse dan Chrome DevTools menyediakan simulasi INP dengan throttling CPU, namun skor resmi Google berasal dari data lapangan pengguna nyata."}},
    {"@type": "Question", "name": "Berapa lama untuk melihat dampak perbaikan INP?", "acceptedAnswer": {"@type": "Answer", "text": "Perbaikan dasar dapat memberikan dampak terukur dalam 4 hingga 8 minggu setelah Google mengumpulkan cukup data lapangan baru."}}
  ]
}