INP (Interação para o Próximo Pintar) é uma métrica dos Core Web Vitals que mede a maior latência de interação para pintura em uma página durante a visita do usuário, substituindo o FID em março de 2024.
Uma "interação" é um clique, toque ou pressionamento de tecla que aciona o JavaScript. O INP mede a latência no pior cenário entre todas as interações, não a média, então um clique lento em um filtro pode arruinar o INP para toda a sessão. Limiares de 2026: ≤ 200ms bom, ≤ 500ms precisa de melhorias, > 500ms ruim.
Correções comuns de INP para ecommerce: reduzir JavaScript do lado do cliente via React Server Components, usar startTransition para atualizações de estado não urgentes, usar useOptimistic para feedback instantâneo na troca de variantes e adição ao carrinho, debouncer entradas de busca com AbortController, elevar literais regex fora dos manipuladores de eventos e adiar scripts de terceiros não críticos.
O INP é mais difícil de corrigir do que o LCP porque cada interação pode ter um gargalo diferente. Corrigir o INP requer disciplina em nível de componente em cada elemento interativo na página.