Interaction to Next Paint (INP) é uma métrica de responsividade que observa as interações de clique, toque e teclado durante a visita a uma página e considera o atraso até a próxima atualização visual. Ela ajuda a identificar páginas que parecem travar quando alguém tenta abrir um menu, enviar um formulário ou usar outro controle.
INP é um dos Core Web Vitals atuais. Em março de 2024, substituiu First Input Delay (FID), que observava apenas o atraso da primeira interação. A mudança tornou a avaliação mais abrangente porque considera respostas ao longo da visita, não apenas o primeiro clique.
Como interpretar a faixa de INP
A orientação atual do web.dev considera boa uma pontuação de até 200 milissegundos; acima de 200 e até 500 milissegundos, a página precisa melhorar; acima de 500 milissegundos, a responsividade é classificada como ruim. A avaliação de campo usa o percentil 75 e deve ser segmentada por celular e computador para não esconder diferenças de dispositivo.
Uma pontuação não descreve todas as interações nem aponta sozinha a causa. Use a faixa para priorizar investigação, observe as URLs e grupos afetados e relacione o dado ao que a pessoa tentava fazer.
O que compõe o atraso de uma interação
- Atraso de entrada: tempo até o navegador começar a processar o evento, que pode aumentar quando a thread principal está ocupada.
- Duração do processamento: tempo gasto executando os manipuladores de eventos associados à interação.
- Atraso de apresentação: tempo entre o fim do processamento e a pintura do próximo quadro visível.
O gargalo pode estar no código da página, em scripts de terceiros, no processamento de eventos ou na atualização visual. Uma tarefa longa de JavaScript pode impedir que o navegador responda; uma rotina de layout pesada pode atrasar o quadro mesmo depois do evento processado.
Como medir INP em dados de campo e laboratório
Comece por dados de campo em PageSpeed Insights, no relatório de Core Web Vitals do Search Console ou no Chrome UX Report quando a URL e a amostra estiverem disponíveis. Dados reais mostram experiências agregadas de visitantes, mas podem levar tempo para refletir uma mudança e não descrevem toda pessoa individualmente.
Use o Chrome DevTools, a extensão Web Vitals ou instrumentação com a biblioteca web-vitals para reproduzir e diagnosticar interações. Um teste de laboratório pode revelar tarefas lentas, mas precisa de condições controladas e não substitui a distribuição observada em aparelhos e redes reais.
- Identifique a URL e a interação relatada ou reproduzida.
- Compare celular e desktop e observe a qualidade do dispositivo e a sequência da interação.
- Registre o elemento que recebeu o evento, o tempo de processamento e as tarefas longas próximas.
- Compare as condições antes e depois da correção; não misture páginas com templates ou ações diferentes.
Causas frequentes e caminhos de correção
- JavaScript pesado na thread principal: divida tarefas longas, reduza trabalho desnecessário e adie operações não urgentes.
- Manipuladores de eventos que executam trabalho excessivo: limite cálculos, evite atualizações redundantes e responda primeiro à ação visível.
- Scripts de terceiros: inventarie tags, widgets e integrações e confirme se cada um é necessário na página.
- Renderização e layout custosos: atualize apenas os elementos necessários e reduza recálculos que bloqueiam a pintura.
- Controles que não comunicam resposta: ofereça feedback visual claro, mantenha estado coerente e previna envios repetidos.
A correção precisa preservar a função do site. Remover scripts sem entender integrações pode quebrar checkout, consentimento, acessibilidade ou medição. Faça uma hipótese, teste em páginas representativas e confira se a experiência e a conversão continuaram corretas.
INP e SEO: como tratar a métrica sem promessas
O Google inclui Core Web Vitals entre os aspectos considerados em seus sistemas, mas bons resultados não garantem posição alta. Use INP para melhorar a resposta percebida e localizar problemas técnicos; não trate um valor isolado como explicação completa do ranking, nem persiga uma nota perfeita sem impacto real para as pessoas.
Erros comuns ao avaliar INP
- Tratar FID e INP como nomes atuais para a mesma coleta.
- Usar somente uma execução de laboratório como retrato de todos os visitantes.
- Comparar celular com desktop sem segmentar os dados.
- Otimizar a média quando o relatório oficial usa o percentil 75.
- Remover recursos ou conteúdo sem confirmar o efeito sobre tarefas importantes.
- Atribuir uma mudança orgânica a INP sem controlar outros fatores.
Exemplo de aplicação
Uma página de busca interna apresenta atraso ao abrir filtros no celular. A equipe identifica a interação lenta em dados de campo, reproduz o comportamento, observa tarefas longas de JavaScript e reduz trabalho desnecessário. Depois valida filtros, teclado e atualização de resultados, comparando uma amostra real após a publicação. Não conclui que uma única medição representa todos os aparelhos ou que uma nota melhor garante posições.
Checklist de revisão final
Antes de publicar ou atualizar o artigo, confirme estes pontos:
- A intenção da página e o público estão definidos e refletem uma necessidade real.
- Afirmações, números, condições e exemplos foram validados com fontes ou responsáveis competentes.
- Título, descrição, URL, links e imagem representam o conteúdo publicado com clareza.
- Leitura, navegação e ações principais funcionam em dispositivos móveis e com teclado.
- Há uma pessoa responsável e uma data de revisão para manter o artigo atualizado.
Perguntas frequentes
INP substituiu FID? Sim. INP tornou-se Core Web Vital em março de 2024 no lugar de FID.
Qual é uma boa pontuação INP? Até 200 milissegundos é a faixa considerada boa pelo web.dev; acima de 500 milissegundos é ruim. A avaliação ocorre no percentil 75 e deve separar dispositivos.
O Search Console mostra a causa de um INP ruim? Não necessariamente. O relatório ajuda a localizar grupos de URLs com desempenho semelhante; diagnóstico do código e da interação pode exigir dados de campo e ferramentas de desenvolvimento.
Melhorar INP garante melhora de ranking? Não. É uma métrica de experiência entre vários aspectos que os sistemas podem considerar; não garante posição.
Interaction to Next Paint (INP) — web.dev
Como otimizar Interaction to Next Paint — web.dev
Entenda Core Web Vitals e os resultados da Pesquisa Google — Google Search Central
Core Web Vitals: como interpretar as métricas de experiência — AtivaSEO