INP (Interaction to Next Paint) è una metrica dei Core Web Vitals che misura la latenza più lunga tra interazione e pittura su una pagina durante la visita dell'utente, sostituendo FID a marzo 2024.
Un'"interazione" è un clic, un tocco o una pressione di tasto che attiva JavaScript. INP misura la latenza nel peggior caso tra tutte le interazioni, non la media, quindi un clic lento su un filtro può rovinare l'INP per un'intera sessione. Soglie del 2026: ≤ 200ms buono, ≤ 500ms necessita di miglioramenti, > 500ms scarso.
Correzioni comuni per INP nell'ecommerce: ridurre JavaScript lato client tramite React Server Components, utilizzare startTransition per aggiornamenti di stato non urgenti, utilizzare useOptimistic per un feedback immediato sul cambio di variante e aggiunta al carrello, debouncing degli input di ricerca con AbortController, sollevare le espressioni regolari fuori dai gestori di eventi e rinviare script di terze parti non critici.
INP è più difficile da correggere rispetto a LCP perché ogni interazione può avere un collo di bottiglia diverso. Correggere INP richiede disciplina a livello di componente su ogni elemento interattivo della pagina.