Como corrigir um INP fraco: a página aparece mas responde devagar

O INP mede quanto tempo a página demora a reagir a um toque ou a um clique, do momento em que você carrega até ao momento em que algo muda no ecrã. Se a página aparece depressa mas o menu abre tarde ou o botão “parece morto”, o problema é o INP. Quase nunca é do servidor: é JavaScript a mais a ocupar o navegador, e esse corre no telemóvel de quem visita, não na máquina que aloja o site.

O que o INP apanha, e o que não apanha

O INP olha para as interacções reais: toques, cliques e teclas. Não olha para a rolagem nem para o tempo de carregamento. Por isso um site com bom LCP pode ter mau INP, e vice-versa. Substituiu o antigo FID e é mais exigente, porque conta todas as interacções da visita e não só a primeira.

As causas mais comuns

A causa O que se vê O que fazer
Scripts de terceiros Chat, anúncios, pixels de seguimento, mapas, vídeos incorporados. Remover os que ninguém usa; carregar os restantes só quando a pessoa os pede (por exemplo, o chat só ao clicar no botão).
Muitos plugins e construtores de páginas Cada um acrescenta JavaScript que corre no arranque. Desligar um de cada vez e medir. Veja actualizar temas e plugins sem partir nada.
Menus, carrosséis e animações pesadas O toque no menu demora, ou a animação “engasga”. Simplificar ou trocar por uma versão que só use CSS.
Scripts que correm tudo de uma vez O navegador fica ocupado durante um bloco longo e ignora os toques. Adiar o que não é preciso à partida (defer), e dividir tarefas longas, se tem quem programe.

Como o medir e corrigir, passo a passo

1 Meça com dados reais. O painel de dados de campo do PageSpeed Insights e o relatório de Core Web Vitals do Search Console mostram o INP de visitantes verdadeiros. O teste de laboratório não mede INP da mesma maneira, porque ninguém clica por si.
2 Reproduza o problema. No Chrome, F12, painel Performance: grave e clique no menu ou no botão que parece lento. As “tarefas longas” aparecem marcadas a vermelho.
3 Veja quem ocupa o tempo. Na lista de actividade, o nome do ficheiro de script mostra se é do tema, de um plugin ou de um serviço externo.
4 Desligue ou adie. Remova o script que não serve para nada; adie o resto. Nas opções de adiamento do LiteSpeed Cache, ligue uma de cada vez e teste o site a sério (menu, formulário, carrinho). Veja minificar CSS e JavaScript sem partir o site.
5 Meça outra vez, de preferência num telemóvel simples e não no seu computador potente. É lá que a diferença se sente.
O servidor não resolve o INP. Mudar para um plano maior não faz o telemóvel de um visitante executar JavaScript mais depressa. Se o seu INP é mau, mudar de plano não é a resposta; tirar peso do lado do navegador é.
Teste num telemóvel modesto. O seu computador esconde o problema. Se a página reage bem num telemóvel antigo, reage bem em quase todo o lado. Os limites que a Google considera bons ou maus estão em web.dev e mudam: confirme-os lá.

Identificou o script que atrasa as interacções e não sabe se o pode tirar? Envie-nos o endereço e o nome do ficheiro.

Abrir um pedido de suporte

VEJA TAMBÉM

Core Web Vitals em palavras simples

Minificar CSS e JavaScript sem partir o site

Avisos do PageSpeed Insights explicados

O site está lento: o que medir antes de mudar de plano

PRODUTO RECOMENDADO

Alojamento de sites com cPanel

Domínio e SSL incluídos, cópias diárias e o painel que já conhece. desde 9.000,00 Kz/mês

Ver planos
  • 0 Utilizadores acharam útil
Esta resposta foi útil?