INP vs FID: Apa yang Berubah untuk Website Bisnis Indonesia di 2026
INP menggantikan FID sebagai metrik responsivitas Core Web Vitals sejak Maret 2024. Pelajari dampak praktisnya untuk website bisnis Indonesia di jaringan 4G yang variatif.
TL;DR: INP (Interaction to Next Paint) menggantikan FID (First Input Delay) sebagai metrik responsivitas Core Web Vitals sejak Maret 2024. INP mengukur jeda dari semua interaksi pengguna selama sesi, bukan hanya yang pertama. Skor baik: di bawah 200 ms. Banyak website bisnis Indonesia yang lulus FID kini gagal di INP karena heavy JavaScript di middle-of-page.
Maret 2024 jadi titik balik untuk banyak website bisnis Indonesia yang sebelumnya merasa kecepatan situsnya sudah aman. FID yang dulu mudah dilewati dengan skor di bawah 100 ms diganti INP yang menyentuh seluruh siklus interaksi. Hasilnya, situs yang dulunya hijau di Search Console banyak yang kini menyala kuning atau merah.
Dalam audit Web Vitals untuk klien e-commerce dan LMS dalam 12 bulan terakhir, saya melihat pola yang konsisten: situs yang lulus FID belum tentu lulus INP. Penyebabnya jarang di hero section, lebih sering di interaksi setelah pengguna menggulir halaman.
Bedanya FID dan INP
FID (First Input Delay) hanya mengukur jeda interaksi pertama yang dilakukan pengguna setelah halaman load. INP (Interaction to Next Paint) mengukur jeda terlama dari semua interaksi (klik, ketik, tap) selama sesi pengguna di halaman, lalu mengambil persentil tinggi sebagai sinyal akhir.
Bagi website bisnis, perbedaannya signifikan. FID hanya menyoroti kesan pertama. INP menyoroti pengalaman keseluruhan. Pengguna yang scroll ke produk, klik filter, lalu submit form: ketiga interaksi itu sama-sama dihitung. Detail teknisnya didokumentasikan di web.dev INP guide.
Skor dan Dampaknya pada Peringkat
| Metrik | Baik | Perlu Perbaikan | Buruk |
|---|---|---|---|
| FID (lama) | < 100 ms | 100-300 ms | > 300 ms |
| INP (baru) | < 200 ms | 200-500 ms | > 500 ms |
Skor INP termasuk dalam Core Web Vitals yang menjadi sinyal peringkat sejak 2021. Per April 2026, lebih dari 60% halaman mobile di Indonesia masih masuk kategori "perlu perbaikan" untuk INP, terutama di kategori e-commerce dan media.
Penyebab Umum INP Buruk di Website Bisnis Indonesia
| Penyebab | Dampak Tipikal |
|---|---|
| Long task JavaScript | INP melonjak saat user klik filter atau add-to-cart |
| Third-party script (chat, ads) | Blocking main thread di tengah sesi |
| Event handler berat | React state update men-trigger re-render besar |
| DOM kompleks | Reflow lambat saat user expand accordion |
| Tracker server-side belum dipakai | Beban analytics di klien menumpuk |
Studi Kasus: Audit INP untuk Atmo dan Vetmo
Saat audit Atmo (LMS) dan Vetmo (klinik hewan) di Q1 2026, kami menemukan dua pola berbeda. Atmo punya FID 80 ms (hijau) tapi INP 380 ms karena halaman course detail penuh dengan video player dan komentar interaktif. Setelah memindahkan video player ke lazy-load behavior dan memakai partial prerendering untuk halaman komentar, INP turun ke 180 ms dalam 3 minggu.
Vetmo lebih ekstrem. FID rata-rata 60 ms, INP 520 ms. Penyebabnya scrip live-chat third-party yang block main thread setiap kali user mengetik di kolom search. Solusinya bukan menghapus chat, melainkan delay loading-nya pakai Partytown sehingga eksekusi dipindahkan ke web worker. Dalam 4 minggu, INP turun ke 240 ms.
Praktik yang kami pakai mengikuti panduan Web Vitals dari web.dev yang menekankan tiga area utama: input delay, processing time, dan presentation delay.
Cara Audit INP Sendiri
Buka Chrome DevTools, pilih tab Performance, lalu klik tombol record. Lakukan interaksi tipikal: klik nav, scroll, isi form, submit. Lihat panel Timings untuk INP per interaksi. Untuk monitoring berkelanjutan, pakai Chrome User Experience Report (CrUX) atau Web Vitals JavaScript library yang dikirim ke analytics.
Pertanyaan Umum
Apakah skor INP saya yang dilaporkan Search Console real-time?
Tidak. Search Console memakai data CrUX 28 hari terakhir. Perubahan kode butuh 7-14 hari untuk terlihat di laporan, dan butuh full window 28 hari untuk skor stabil.
Apakah cukup memperbaiki INP di hero section?
Tidak. INP mengambil interaksi terlama di seluruh sesi. Filter di middle-of-page atau form di footer sama-sama dihitung. Audit harus menyentuh seluruh halaman.
Berapa lama sampai melihat dampak SEO setelah perbaikan INP?
Sinyal awal biasanya muncul 4-8 minggu setelah skor stabil di kategori "Good". Dampak peringkat bertahap dan bergantung pada kompetisi kueri.
Apakah INP dipakai untuk desktop dan mobile?
Ya, tapi threshold-nya sama. Mobile umumnya lebih sulit lulus karena CPU device variatif, terutama di pasar Indonesia.
Apa yang perlu diprioritaskan kalau budget terbatas?
Audit halaman dengan traffic tertinggi dulu. Biasanya halaman product detail atau landing page kampanye. Perbaikan di halaman ini membawa dampak Core Web Vitals paling cepat di laporan agregat.
Penutup Aplikatif
INP bukan sekadar pengganti FID, melainkan cara Google mengukur ulang apa arti "responsif". Untuk website bisnis Indonesia di jaringan 4G yang masih dominan, ini berita baik dalam jangka panjang: situs yang benar-benar dirawat akan menonjol dibanding situs yang hanya diatur sekali setahun. Audit INP halaman utama Anda hari ini, tandai tiga interaksi terlambat, dan jadwalkan perbaikan dalam dua sprint ke depan.
Artikel Terkait
Website Bisnis
Canonical Answer Block: Cara Website Bisnis Indonesia Memenangkan AI Overview 2026
FAQ biasa mudah disalin dan rumusannya menyebar. Canonical answer block memilih satu rumusan resmi yang konsisten, sehingga AI Overview punya alasan kuat memilih halaman Anda.
Website Bisnis
Image CDN untuk Website Bisnis Indonesia: Cara LCP Tetap Cepat di Jaringan 4G 2026
Pengunjung Indonesia mayoritas akses lewat 4G dengan latensi tinggi. Pelajari cara image CDN menjaga LCP tetap cepat tanpa kompromi kualitas visual.
Website Bisnis
Core Web Vitals Budget untuk Konsultan Indonesia: Cara Jaga Performa Web Tanpa Audit Manual 2026
Konsultan butuh website cepat tapi tidak punya waktu audit performa tiap bulan. Pelajari cara menetapkan Core Web Vitals budget sebagai pagar otomatis.
Butuh website yang benar-benar bekerja?
Hubungi Vito untuk konsultasi gratis 15 menit.
WhatsApp Sekarang