Mulai tahun 2024 silam, Google resmi memensiunkan metrik First Input Delay (FID) dan menunjuk Interaction to Next Paint (INP) sebagai indikator responsivitas halaman web baru dalam Core Web Vitals.
Mengapa FID Digantikan?
FID hanya mencatat keterlambatan klik pertama kali dari pengguna yang berkunjung. Sedangkan INP merekam seluruh durasi tundaan interaksi (klik tombol, input form, ekspansi akordion) sepanjang sesi interaksi pengguna berada di halaman web tersebut.
Cara Kerja Sesi INP
Saat seseorang berkolaborasi dengan elemen visual Anda, proses ini dibagi menjadi 3 fase waktu:
- Input Delay: Waktu tunggu hingga browser memicu event handler karena ada penumpukan proses di main thread.
- Processing Time: Waktu eksekusi yang dibutuhkan oleh kode Javascript Anda untuk memproses logika data.
- Presentation Delay: Waktu bagi browser menyajikan ulang layout visual yang baru ke mata pengguna.
Taktik Mengurangi Tingkat INP di Bawah 200 milidetik
- Pecah Tugas Berat Javascript (Yield Long Tasks): Gunakan instruksi requestIdleCallback atau setTimeout untuk melonggarkan blokade CPU.
- Kurangi CSS Aturan Kompleks: Sederhanakan kalkulasi layout restyle.
- Hindari Pustaka Berat di Halaman Utama: Jangan pasang framework visual jika hanya memproses layout HTML statis biasa.
“Skor INP yang baik (di bawah 200ms) memberikan jaminan minimnya hambatan interaksi sehalus aplikasi native di smartphone.”