Pular para o artigo
Performance19 de out. de 20262 min de leitura

Medir INP: investigar cliques e interações lentas

Investigue cliques e entradas de teclado lentos. Escolha uma tarefa, confira quais ações foram testadas e compare a correção depois de publicar o site.

Medir INP: investigar cliques e interações lentas

Uma página pode carregar rápido e ainda travar depois de um clique. Ao investigar INP, comece por uma interação concreta que possa ser repetida. Um teste automático cobre apenas as ações executadas naquele teste, não todos os caminhos que os visitantes podem seguir.

Escolha uma tarefa específica

Descreva a ação: abrir filtros, adicionar um produto ao carrinho ou enviar um formulário. Registre o dispositivo e o estado da página. O mesmo clique pode provocar trabalhos diferentes logo após a carga e depois de uma sessão mais longa.

Abra o teste INP do Milten. Confira no resultado quais ações foram efetivamente analisadas. Teste manualmente os caminhos importantes que não estiverem cobertos.

Entenda o que o valor representa

INP descreve a resposta a cliques, toques e entradas de teclado. A medida considera a próxima resposta visual, não todo o tempo de uma requisição posterior ao servidor. Um teste de laboratório não substitui os dados de visitas reais.

Registre a origem da medição. Se não houver dados de usuários reais, mantenha essa limitação explícita. Uma ação que não foi testada não pode ser considerada rápida.

Investigue a causa da demora

Exemplo didático, sem medição de um cliente: um clique no filtro faz o JavaScript recalcular uma lista extensa antes de mostrar qualquer resposta. Examine a sequência e o trabalho da thread principal. Identifique o que precisa acontecer imediatamente e o que pode ser adiado.

Evite alterar vários componentes independentes ao mesmo tempo. Defina uma hipótese verificável e faça uma correção limitada. Isso ajuda a relacionar a nova medição com a mudança realizada.

Confira a alteração publicada

Repita a ação no mesmo URL e em condições comparáveis. Além do tempo de resposta, confira o resultado da tarefa. Um carrinho que reage mais rápido ainda precisa conter o produto correto.

Anote o que foi testado e quais ações ficaram pendentes. Para problemas de carregamento, use também o teste de velocidade e o guia de velocidade e SEO.

Um bom valor em laboratório vale para todos os visitantes?

O valor descreve o caminho executado no teste. Para avaliar as visitas reais, você precisa de dados dessas visitas.

Uma melhora em TBT substitui a verificação de INP?

As medidas respondem a perguntas diferentes. Melhorar uma etapa da carga não dispensa repetir a interação que causava a demora.

Investigar interações lentas. Se o relatório indicar problemas de marcação, consulte a verificação HTML.

Velocidade do site

Descubra o que deixa seu site lento

Analise sua página com o Milten para ver seus Core Web Vitals e receber recomendações para acelerar o carregamento.

Analisar seu site
Cookies

Usamos cookies

Usamos cookies para proporcionar uma melhor experiência em nosso site. Saiba mais sobre como usamos cookies em nossa política de privacidade.