Di 2026, Interaction to Next Paint (INP) sudah lama menggantikan FID sebagai metrik responsivitas utama di Core Web Vitals. Bukan lagi “klik pertama saja”, melainkan seberapa cepat halaman bereaksi pada hampir semua interaksi: ketik di search bar, buka menu, tambah ke keranjang, atau ganti filter produk. Artikel tips singkat ini mengulas satu topik spesifik—menurunkan INP di WordPress—dengan angle praktis yang bisa langsung diuji.

Kenapa INP krusial untuk SEO WordPress 2026

Google tetap memakai sinyal pengalaman halaman sebagai bagian dari ranking, meski bukan faktor tunggal. Ambang praktis yang masih relevan: baik di bawah 200 ms, perlu perbaikan 200–500 ms, buruk di atas 500 ms (persentil ke-75 pengguna nyata). Di situs WP, biang kerok tipikal adalah JavaScript tema/page builder, event listener berlebihan di header sticky, slider homepage, chat widget, dan skrip tracking yang menempel di main thread.

INP buruk jarang “hanya masalah desain”: ia memotong konversi, menaikkan bounce pada mobile, dan membuat crawl rendering terasa lebih mahal karena main thread sering sibuk. Fokus tip di bawah sengaja sempit—bukan daftar plugin acak—agar setiap langkah terukur.

Tip 1: Ukur INP per template, bukan rata-rata situs

Jangan andalkan satu skor global. Pecah pengukuran per jenis URL: beranda, arsip kategori, single post, produk, checkout. Pakai data lapangan (CrUX / laporan CWV di Search Console) lalu bandingkan dengan lab (Chrome DevTools Performance, Lighthouse 2026, atau trace di WebPageTest).

Catat interaksi yang memicu lonjakan: buka mega menu, ketik live search, klik tab accordion, atau “add to cart” AJAX. Target operasional: temukan 2–3 elemen yang menyumbang p95 latency tertinggi, lalu perbaiki itu dulu. Optimasi “rata-rata halaman” tanpa prioritas template sering membuang waktu 1–2 sprint tanpa pergeseran ranking yang berarti.

Tip 2: Potong long tasks di atas 50 ms pada main thread

INP naik saat browser sibuk mengeksekusi JS panjang sebelum bisa mengecat frame berikutnya. Di DevTools, cari Long Tasks > 50 ms saat interaksi. Di WordPress, penyebab umum 2026:

• Bundle tema monolitik 300–600 KB JS yang di-load di semua halaman.
• Carousel + animasi library yang menghitung layout berulang.
• Plugin form/popup yang mengikat listener ke document tanpa debouncing.

Langkah praktis: defer skrip non-kritis, pecah bundle (code splitting bila memakai build modern), ganti library animasi berat dengan CSS transform/opacity, dan batasi plugin yang inject script global. Setelah perubahan, uji ulang interaksi yang sama—bukan hanya reload homepage.

Tip 3: Rendahkan biaya event handler (debounce, passive, delegasi)

Banyak tema WP memasang scroll/resize listener mahal untuk sticky header dan parallax. Untuk scroll/touch, gunakan listener passive bila tidak memanggil preventDefault. Untuk live search dan filter faceted, terapkan debounce 150–300 ms agar tidak memicu fetch + render di setiap keystroke.

Delegasi event (satu listener di parent) lebih aman ketimbang ratusan listener di setiap kartu produk. Hindari reflow paksa di dalam handler: baca ukuran elemen sekali, tulis kelas CSS, biarkan browser mengecat. Praktik ini sering memangkas INP 80–150 ms pada arsip toko tanpa mengganti hosting.

Tip 4: Isolasi widget pihak ketiga di luar jalur interaksi kritis

Chat, pixel iklan, heatmaps, dan A/B testing sering “mencuri” main thread tepat saat pengguna mengetik atau mengklik CTA. Strategi 2026 yang realistis:

• Muat widget chat setelah interaksi pertama atau setelah idle (requestIdleCallback / delay 3–5 detik di mobile).
• Batasi tag manager: satu container, aturan pemicu ketat, bukan 15 tag fire di All Pages.
• Pisahkan skrip analitik ke partisi yang tidak memblok input (beban tetap ada, tapi tidak menumpuk di momen klik).

Jika skor lab bagus tapi field INP jelek, curigai third-party di perangkat menengah (Android 4–6 GB RAM) yang mendominasi traffic Indonesia.

Tip 5: Sederhanakan UI builder dan interaksi di atas lipatan

Page builder sering menghasilkan DOM dalam (nested div 15–30 level) plus JS inisialisasi tiap section. Untuk area above-the-fold: kurangi accordion otomatis terbuka, matikan counter animasi on-scroll, dan ganti slider hero multi-slide dengan satu hero statis + CTA. Setiap slide ekstra = timer + gesture handler + decode gambar.

Di Gutenberg/block theme, nonaktifkan block view-script yang tidak terpakai. Di WooCommerce, uji tombol quantity dan variasi produk: pastikan update harga tidak memicu re-render katalog penuh. Target UX: feedback visual < 100 ms (state “pressed” atau spinner ringan) meski data server belum selesai—ini memperbaiki persepsi dan sering menekan nilai INP yang dilaporkan.

Checklist verifikasi 15 menit

Setelah menerapkan tips: (1) rekam trace saat klik menu mobile, (2) pastikan total blocking time saat interaksi turun, (3) bandingkan p75 INP Search Console 28 hari berturut-turut, (4) jangan rilis fitur JS baru di header tanpa budget 50 ms. Hosting lebih cepat membantu TTFB, tetapi INP hampir selalu soal main thread dan handler, bukan sekadar CPU server.

Kesimpulan

Menurunkan INP WordPress di 2026 bukan tentang memasang satu plugin ajaib. Ukur per template, pangkas long tasks, rapikan event handler, isolasi third-party, dan sederhanakan interaksi di atas lipatan. Lima tip di atas cukup sebagai sprint tunggal: fokus, terukur, dan selaras dengan sinyal pengalaman yang masih dipakai mesin pencari—tanpa mengorbankan fitur inti bisnis Anda.