Verifique o INP após um clique

Verificação de INP gratuita após um clique: o Milten analisa o Interaction to Next Paint, encontra handlers lentos, long animation frames e scripts de terceiros que atrasam a resposta da interface.

Como funciona

Como o Milten verifica o INP

Da URL às tarefas de engenharia: o serviço reproduz ações importantes da página, mede o atraso até o próximo paint e mostra as causas técnicas da baixa responsividade.

01 · URL

Insira uma URL com ações importantes

Verifique um formulário, catálogo, carrinho, checkout, menu ou área de conta. O Milten abre a página em um navegador e aplica a região, rede e dispositivo selecionados.

SSLhttps://your-site.com

02 · CENÁRIO

Verificamos cenários interativos

Cliques, toques e entradas que criam atraso perceptível aparecem no relatório: atraso de entrada, JavaScript síncrono, layout/render e o próximo paint.

Análise42%

03 · PLANO

Obtenha causas e uma ordem de correção

O relatório agrupa os problemas por impacto: o que fará a interface responder rapidamente, onde é necessário refatorar um handler e o que pode ficar no backlog de desempenho.

Divida o handler do checkoutP1

Mostre feedback antes dos cálculosP2

Isole o widget de chatP3

O que é INP

INP é a pausa entre uma ação e a resposta visível da página

A métrica não é sobre quão rápido a página carregou, mas quão rápido ela respondeu após um clique, toque ou entrada. Isso torna o INP especialmente importante para formulários, filtros, carrinhos, menus, busca e áreas de conta.

Exemplo de interação

Como um clique se torna INP

O navegador precisa receber o evento, executar o handler, recalcular a interface e mostrar o próximo frame. O INP mede todo esse caminho.

Detalhamento de eventos

exemplo de INP386ms

Atraso de entrada58mso evento aguarda a thread principalManipulador JS178msvalidação, recálculo de estado, lógica síncronaLayout / renderização83mso navegador recalcula o DOM e os estilosPróxima pintura67mso novo quadro finalmente chega à tela

Perguntas frequentes

Perguntas frequentes sobre verificações de INP

Respostas curtas sobre Interaction to Next Paint, Core Web Vitals, SEO e otimização prática de interface.

O que é INP e por que ele importa?

INP é a métrica dos Core Web Vitals para a responsividade da interface. Ela mostra quanto tempo passa entre uma ação do usuário e a próxima resposta visual da página. Um bom valor é de até 200ms no 75º percentil.

Como posso verificar o INP do meu site gratuitamente?

Cole a URL no formulário acima, escolha um perfil móvel ou desktop e clique em “Verificar INP”. O Milten abre a página em um navegador, verifica cenários interativos e mostra atrasos, quadros de animação longos e recomendações iniciais.

Qual é a diferença entre INP e TBT?

TBT é um sinal de laboratório para o bloqueio da thread principal durante o carregamento. O INP avalia interações reais do usuário após o carregamento da página: cliques, toques, entrada e a próxima pintura.

O que devo fazer com um INP ruim?

Primeiro encontre a interação específica com a maior contribuição: um botão, filtro, formulário, menu ou checkout. Depois verifique tarefas longas, manipuladores síncronos, trabalho de renderização desnecessário, reflow forçado e scripts de terceiros.

Quanto tempo leva a análise de INP?

Uma verificação rápida geralmente leva menos de um minuto, mas o tempo exato depende da região selecionada, do perfil de rede, da limitação de CPU e do número de cenários interativos. Para conclusões estáveis, compare várias execuções nas mesmas condições.

Serviços relacionados

O que verificar após o INP

Depois de encontrar um atraso, verifique causas próximas: bfcache, vazamentos de memória, pacotes JavaScript e a velocidade geral da página.

Cache Back / Forward

Verifique se as páginas entram no bfcache do navegador. Veja os bloqueadores: unload, event listeners e transações IndexedDB abertas.

Verificar

Velocidade de carregamento

Verifique o Web Vitals e as principais métricas de velocidade. O scanner faz duas passagens: mobile e desktop, e retorna um plano de correções priorizado.

Executar scanner

Validação de HTML

Verifique a estrutura da página, validade, semântica e meta tags obrigatórias.

Abrir

Acessibilidade (a11y)

Auditoria WCAG: contraste, texto alternativo, landmarks, atributos aria e navegação por teclado. Inclui correções e exemplos.