INP
INP (Interaction to Next Paint) é a métrica de Core Web Vitals que mede quanto tempo a página leva para responder visualmente às interações do usuário.
INP significa Interaction to Next Paint. É a métrica que avalia a responsividade de uma página durante o uso. Em vez de medir apenas o primeiro clique, ela considera as interações ao longo da navegação e identifica se a página responde de forma rápida e consistente.
Uma página pode carregar rápido e ainda assim parecer travada se botões demoram para responder, menus abrem com atraso ou formulários ficam lentos. Esse é exatamente o tipo de problema que o INP ajuda a revelar.
O que prejudica o INP
JavaScript pesado é o principal vilão. Scripts de terceiros, bibliotecas grandes, código mal dividido e tarefas longas no navegador bloqueiam a thread principal. Quando isso acontece, o clique do usuário fica esperando o navegador terminar outro trabalho antes de mostrar resposta visual.
Como funciona na prática
- O usuário interage com a página clicando, tocando ou digitando
- O navegador mede o tempo entre a interação e a próxima atualização visual
- Interações lentas são registradas e comparadas com as demais experiências reais
- A métrica final reflete uma interação representativa da experiência ruim, não apenas a primeira
- A correção geralmente envolve reduzir JavaScript, quebrar tarefas longas e remover scripts desnecessários
Exemplo Prático
Um formulário de orçamento tem validações pesadas rodando a cada tecla digitada. O usuário digita e percebe atraso. Ao simplificar a validação, usar debounce e remover scripts desnecessários, o INP melhora.
Por que isso é importante?
INP importa porque velocidade não é só carregamento inicial. Um site que demora para reagir transmite sensação de instabilidade e prejudica conversão, principalmente em páginas com formulário, carrinho, filtros ou menus interativos.
Perguntas Frequentes (FAQ) sobre INP
INP substituiu o FID?
Sim. O INP passou a ser a métrica principal de responsividade nos Core Web Vitals porque representa melhor a experiência ao longo do uso da página, enquanto o FID olhava apenas a primeira interação.
Como melhorar INP em WordPress?
Reduza plugins desnecessários, adie scripts de terceiros, remova JavaScript que não é usado, otimize temas pesados e evite construtores visuais carregando recursos em páginas onde eles não são necessários.