Core Web Vitals 2026: Mengapa INP Menggantikan FID & Dampaknya pada SEO

Transformasi Radikal Core Web Vitals

Google secara resmi telah memensiunkan metrik First Input Delay (FID) dan menggantikannya dengan Interaction to Next Paint (INP) yang mengukur tingkat responsivitas seluruh interaksi di halaman, bukan hanya klik pertama. Dari pemantauan kami terhadap 75 website klien kami, kegagalan mengoptimasi INP langsung berkorelasi dengan penurunan peringkat yang signifikan sejak Maret 2024.

Apakah klien kami harus merombak seluruh kode situs web klien kami dari awal? Tidak perlu panik. Artikel ini akan membedah anatomi INP, alasan transisi Google, dan langkah teknis untuk mengamankan peringkat organik klien kami.

Memahami Interaction to Next Paint (INP)

INP adalah metrik performa yang mengukur tingkat latensi (keterlambatan) dari seluruh interaksi pengguna dengan sebuah halaman, mulai dari halaman dimuat hingga pengguna pergi.

Berbeda dengan FID yang hanya mengukur interaksi pertama (first impression), INP melacak siklus hidup (lifecycle) responsivitas secara utuh. Ini mencakup:

• Klik kursor tetikus (mouse).
• Ketukan (tap) pada layar sentuh ponsel.
• Ketukan tombol pada papan ketik (keyboard).

(Catatan: INP tidak mengukur gulir layar (scroll) atau tindakan melayang (hover) kursor).

Ambang Batas Skor INP

Sistem algoritma Google mengklasifikasikan responsivitas INP dalam tiga level tegas:

• Baik (Good): ≤ 200 milidetik
• Perlu Perbaikan: 200ms - 500ms
• Buruk (Poor): > 500 milidetik

Jika pengunjung mengklik tombol "Beli Sekarang", dan antarmuka membutuhkan waktu 600 milidetik untuk memunculkan ikon loading, interaksi tersebut dicatat sebagai Buruk.

Mengapa Google Membunuh FID?

Google memensiunkan FID karena metrik tersebut memiliki celah kelemahan operasional yang masif.

1. Pengukuran Parsial: FID hanya melacak klik pertama. Jika pengguna melakukan 10 klik lanjutan yang lambat, FID tidak memedulikannya.
2. Mudah Dimanipulasi: Pengembang web (developer) dapat dengan mudah mengelabui FID dengan mengoptimalkan awal pemuatan halaman, sembari membiarkan sisa skrip halaman memberatkan sistem di latar belakang.
3. Mengabaikan Waktu Pemrosesan: FID hanya menghitung keterlambatan (delay) sebelum peramban mulai memproses, tanpa memperhitungkan berapa lama waktu yang dibutuhkan hingga perubahan visual benar-benar muncul di layar pengguna.

Perbandingan Langsung: FID vs INP

Dampak Langsung INP Terhadap Peringkat Google

INP kini terintegrasi secara absolut ke dalam sinyal Page Experience. Google menerapkan sistem Mobile-First Indexing, metrik INP pada perangkat seluler memegang bobot yang jauh lebih krusial dibandingkan desktop.

Efek Domino INP Buruk:

• Skor INP yang melewati 500ms akan memicu lonjakan Rasio Pantulan (Bounce Rate).
• Situs web e-commerce dengan interaksi formulir yang lambat (seperti memasukkan kode diskon) akan mengalami penurunan Konversi Penjualan (Conversion Rate) secara langsung.
• Data internal Google menunjukkan: Situs dengan INP ≤ 200ms mempertahankan pengguna 24% lebih lama dibandingkan situs dengan INP > 500ms.

4 Strategi Teknis Mengoptimalkan INP

Untuk menyelamatkan skor metrik INP klien kami dari zona merah, ikuti protokol audit teknis berikut:

1. Pangkas Waktu Eksekusi JavaScript

Tugas skrip yang berjalan terlalu panjang akan menyandera Rangkaian Utama (Main Thread) peramban, membuat seluruh halaman membeku sesaat.

• Tindakan: Pecah bundel kode JavaScript besar menjadi bongkahan kecil di bawah 50 milidetik (Code Splitting). Tunda pemuatan skrip non-kritis menggunakan atribut defer atau async.

2. Jinakkan Skrip Pihak Ketiga (Third-Party)

Skrip pelacakan analitik, piksel iklan, dan widget obrolan pelanggan adalah pembunuh utama skor INP.

• Tindakan: Gunakan pola Fasad (Facade Pattern). Muat gambar statis palsu untuk widget obrolan, dan baru muat skrip interaktif aslinya saat pengguna benar-benar mengekliknya.

3. Sederhanakan Perhitungan Tata Letak (DOM)

Perubahan antarmuka yang terlalu rumit membutuhkan daya komputasi tinggi dari perangkat ponsel kelas menengah.

• Tindakan: Hindari selektor CSS yang sangat rumit. Minimalkan operasi reflow layar dengan membundel pembaruan Document Object Model (DOM) secara bersamaan.

4. Implementasikan Umpan Balik Visual Instan (Optimistic UI)

Jika validasi basis data di peladen (server) memakan waktu lama, jangan biarkan layar pengguna membeku.

• Tindakan: Segera tampilkan indikator kerangka visual (skeleton loader) atau animasi roda berputar dalam rentang 200 milidetik pertama setelah klik terjadi, selagi data sebenarnya diproses di latar belakang.

Alat Pengukuran Kinerja Resmi

Jangan menebak-nebak performa interaksi situs klien kami. Gunakan instrumen gratis resmi dari ekosistem Google:

1. PageSpeed Insights: Memberikan data sintetis (Lab Data) dan data pengguna lapangan nyata (Field Data) berdasarkan rekam jejak pengguna Chrome.
2. Google Search Console: Navigasi ke laporan "Core Web Vitals" untuk melihat grafik masif URL mana saja yang terinfeksi masalah INP lambat secara massal.
3. Chrome DevTools (Tab Performance): Alat diagnostik tingkat mahir bagi pengembang untuk merekam dan membedah eksekusi skrip hingga hitungan milidetik secara spesifik.