Digital Transformation
INP Attribution
TL;DR: INP attribution adalah proses memecah skor Interaction to Next Paint menjadi tiga bagian, yaitu input delay, processing time, dan presentation delay, supaya Anda tahu bagian mana yang membuat interaksi terasa lambat. Tanpa attribution, skor INP hanya angka. Dengan attribution, angka itu berubah jadi daftar perbaikan yang konkret.
Saat sebuah tombol terasa "berat" ketika diklik, masalahnya jarang berdiri sendiri. Bisa karena thread utama sibuk saat input masuk, bisa karena event handler terlalu lama berjalan, bisa juga karena browser butuh waktu menggambar ulang layar. INP attribution memisahkan ketiganya.
Dalam beberapa proyek terakhir, saya melihat tim sering menebak penyebab INP buruk tanpa data. Hasilnya, optimasi mengenai bagian yang salah. Attribution menghentikan tebakan itu.
Apa itu INP Attribution?
INP attribution membagi satu interaksi menjadi tiga fase yang bisa diukur terpisah. Ini melengkapi metrik INP yang hanya melaporkan durasi total interaksi terburuk dalam satu sesi halaman.
Ketiga fase itu adalah input delay (jeda dari aksi pengguna sampai handler mulai jalan), processing time (durasi event handler bekerja), dan presentation delay (waktu browser menggambar frame berikutnya). Menjumlahkan ketiganya menghasilkan skor INP untuk interaksi tersebut.
Tiga Fase dan Penyebabnya
| Fase | Penyebab umum | Arah perbaikan |
|---|---|---|
| Input delay | Main thread sibuk, lihat TBT tinggi | Pecah long task, defer skrip non-kritis |
| Processing time | Event handler berat, re-render besar | Optimasi handler, kurangi kerja sinkron |
| Presentation delay | Layout dan paint mahal, lihat CLS terkait | Kurangi kompleksitas DOM, batasi reflow |
Library web-vitals dari Google menyediakan data attribution ini secara langsung, sehingga Anda bisa mengirimnya ke alat analitik. Dokumentasi resminya tersedia di panduan INP web.dev.
Kenapa Penting?
Bagi marketer dan pemilik bisnis, INP yang buruk berarti pengunjung merasa situs lambat merespons, dan persepsi itu menurunkan kepercayaan sebelum konversi terjadi. Attribution penting karena mengarahkan effort developer ke titik yang benar, bukan menghabiskan waktu pada bagian yang sudah cepat.
Saat menangani performa untuk platform seperti Vetmo, memilah fase interaksi membantu memprioritaskan perbaikan yang paling terasa oleh pengguna, bukan yang paling mudah dikerjakan.
Pertanyaan Umum
Apakah INP attribution sama dengan INP?
Tidak. INP adalah skor akhir interaksi terburuk. INP attribution adalah rincian yang menjelaskan kenapa skor itu muncul, dibagi menjadi input delay, processing, dan presentation delay.
Bagaimana cara mengumpulkan data attribution?
Gunakan build "attribution" dari library web-vitals Google di sisi klien, lalu kirim hasilnya ke alat analitik. Data lapangan agregat juga bisa dilihat lewat CrUX.