Entenda o INP do Google PageSpeed Insights: A Métrica que Avalia se o Seu Site Trava ao Clicar

Quem tem um site provavelmente já ouviu falar (ou já rodou um teste) no Google PageSpeed Insights. Ao ver o relatório, é comum se deparar com várias siglas técnicas e cores de alerta. Recentemente, o INP do Google PageSpeed Insights (Interaction to Next Paint) ganhou destaque e tem tirado o sono de muitos donos de sites.

Em português, essa métrica avalia a “interatividade”. Quando você clica em “Comprar” ou abre o menu do celular e a tela congela por um segundo antes de reagir, é o que o INP mede. Ele calcula o tempo entre o clique do usuário e a resposta visual do site. Se o seu visitante clica e tem a sensação de que o celular travou ou que o toque não funcionou, o PageSpeed vai marcar seu site com uma nota vermelha.

O Google sabe que sites lentos para reagir geram frustração e abandono de carrinho. Por isso, ele passou a penalizar páginas que sofrem desse “congelamento”. Neste artigo, saiba por que essa métrica é vital para suas vendas e como evitar que seu site pareça quebrado aos olhos do Google.

A Diferença Entre Carregar Rápido e Responder Rápido

Muitos empreendedores confundem velocidade de carregamento com interatividade. É possível que o seu site carregue o texto e as imagens rapidamente (tenha um bom LCP), mas, quando o usuário tenta clicar em algo, nada acontece imediatamente.

Isso geralmente ocorre porque o navegador do visitante está sobrecarregado tentando processar códigos pesados nos bastidores. Enquanto ele “pensa”, ele não consegue responder ao clique. O PageSpeed Insights detecta essa falha silenciosa que afasta o cliente.

O Teste dos 200 Milissegundos

Para o Google, a resposta deve ser quase instantânea. As faixas de classificação no teste são:

• Bom (verde): a resposta visual acontece em até 200 milissegundos;
• Precisa Melhorar (amarelo): entre 200ms e 500ms;
• Ruim (vermelho): mais de 500ms.

Se o seu site demora meio segundo para reagir (o que parece pouco, mas na web é uma eternidade), o usuário instintivamente clica de novo, achando que não funcionou. Isso gera erros, compras duplicadas ou, o mais comum: a saída imediata da página.

O Que Causa Esse “Congelamento”?

Na maioria dos sites de pequenas empresas, o vilão do INP ruim é o excesso de funcionalidades mal otimizadas. Cada “penduricalho” que você adiciona ao site tem um custo de processamento.

Os principais culpados apontados nos relatórios técnicos costumam ser:

• Scripts pesados: códigos de rastreamento, chats online e pop-ups que disputam a atenção do processador do celular do cliente;
• Temas mal feitos: layouts que trazem centenas de funções que você nem usa, mas que carregam mesmo assim;
• Muitos plugins: o excesso de plugins no WordPress, especialmente os que rodam em todas as páginas, pode “entupir” a capacidade de resposta do navegador.

Basicamente, é como tentar correr com uma mochila cheia de pedras. O site até anda, mas qualquer movimento exige um esforço enorme.

Como Destravar Seu Site e Suas Vendas

Resolver problemas de INP não é algo que se faz com um clique; exige uma limpeza técnica no código. A solução envolve adiar o carregamento de scripts que não são essenciais, otimizar o código Javascript e garantir que o processador do dispositivo do usuário fique livre para o que importa: a interação.

Muitas vezes, a solução está em simplificar. Remover animações complexas que não agregam valor ou trocar plugins pesados por versões mais leves pode fazer a métrica sair do vermelho para o verde imediatamente.

Tecnologia de Ponta Sem Dor de Cabeça com a iT9

Para você, que é médico, advogado ou dono de negócio, termos como “Javascript”, “Main Thread” e “Latência de Entrada” não deveriam fazer parte da sua rotina. O seu foco deve ser o seu paciente e o seu cliente. Tentar interpretar os relatórios do PageSpeed e “consertar” o código do site sozinho pode resultar em quebras de layout e mais dores de cabeça.

É aqui que a iT9 Marketing Digital entra como sua parceira estratégica. Nossa equipe monitora o INP e outras métricas vitais constantemente, realizando os ajustes finos de código necessários para que o seu site responda ao toque instantaneamente.

Além disso, nossos clientes do pacote de conteúdo contam com a infraestrutura do nosso super servidor VPS, que garante a potência necessária para processar dados com velocidade máxima. Deixe a parte técnica com a gente, e fique apenas com a parte boa: um site fluido que converte visitantes em clientes fiéis.

Mais informações sobre este assunto na Internet:

• Google for Developers
• DebugBear