# INP no WordPress: Como reduzir em 5 passos

O <strong>INP</strong> mede quanto seu WordPress demora para responder a um clique, e o culpado quase sempre é JavaScript de terceiros. Segundo a <a href="https://web.dev/articles/inp">web.dev (2024)</a>, um INP bom fica abaixo de 200 ms e um ruim passa de 500 ms. Cada chat ou pixel some 50 ms a 150 ms à thread principal. Meça, isole o handle pesado e adie o resto.

O INP é a métrica de Core Web Vitals que registra a latência da pior interação do usuário com a página, do clique até o próximo quadro pintado na tela. Desde março de 2024, ele substituiu o antigo FID e passou a valer no ranqueamento do Google. No WordPress, o problema raramente está no tema ou na hospedagem: está no JavaScript de terceiros que trava a thread principal. Este guia mostra como medir o INP, achar o script culpado e baixar a métrica em cinco passos, sem precisar de servidor novo. Para o contexto maior de velocidade, veja os <a href="https://full.services/performance-wordpress/">conteúdos de performance WordPress</a> da FULL.

---

## Diagnóstico rápido: O que o INP mede e onde ele falha

O INP no WordPress reprova quando passa de 200 ms, e a faixa "ruim" do Google começa em 500 ms, segundo a web.dev. A diferença para o LCP é direta: o LCP mede a pintura inicial da página, enquanto o INP mede a responsividade de cada interação ao longo da sessão inteira do usuário.

Um site pode carregar rápido e mesmo assim ter INP péssimo se o primeiro clique espera a thread principal liberar. A tabela abaixo separa as três métricas para você saber qual gargalo está atacando antes de mexer no código.

<table id="metricas-core-web-vitals-inp">
  <caption>INP, LCP e CLS: o que cada Core Web Vital mede no WordPress</caption>
  <thead>
    <tr>
      <th scope="col">Métrica</th>
      <th scope="col">O que mede</th>
      <th scope="col">Limite "bom" (Google)</th>
      <th scope="col">Causa comum no WordPress</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">INP</th>
      <td>Latência da interação até o próximo quadro pintado</td>
      <td>Abaixo de 200 ms</td>
      <td>JavaScript de terceiros bloqueando a thread principal</td>
    </tr>
    <tr>
      <th scope="row">LCP</th>
      <td>Tempo até pintar o maior elemento visível</td>
      <td>Abaixo de 2,5 s</td>
      <td>Imagem grande sem otimização ou TTFB alto</td>
    </tr>
    <tr>
      <th scope="row">CLS</th>
      <td>Estabilidade visual durante o carregamento</td>
      <td>Abaixo de 0,1</td>
      <td>Fontes e anúncios sem dimensão reservada</td>
    </tr>
  </tbody>
</table>

Nos tickets de performance da FULL (150 mil sites), o padrão se repete: o site abre rápido, mas o INP fica vermelho porque o clique espera scripts de chat e remarketing. Para entender o conjunto completo das três métricas, o guia de <a href="https://full.services/core-web-vitals-wordpress/">Core Web Vitals no WordPress</a> detalha cada uma com exemplos.

## Por que o INP do WordPress quase sempre é JavaScript

O INP degrada porque a thread principal do navegador só processa uma tarefa por vez, e cada script de terceiros enfileira trabalho nessa fila. Em testes de campo, scripts de chat, pixels de remarketing e ferramentas de A/B costumam somar de 50 ms a 150 ms cada um ao tempo de resposta do primeiro clique do usuário.

A relação causal é específica e observável. JavaScript de terceiros carregado no head sem `defer`, com a thread principal já ocupada, resulta em INP acima de 500 ms no primeiro clique, mesmo num site que pontua bem em LCP. Esse é o gargalo que o <a href="https://full.services/glossario/inp-interaction-to-next-paint/">INP (Interaction to Next Paint)</a> foi criado para expor, e que o antigo FID não enxergava porque media só o primeiro toque. Na maioria dos casos testados, o problema some quando você adia os scripts certos, sem trocar de hospedagem nem reescrever o tema.

## Passo a passo: Como reduzir o INP no WordPress

Reduzir o INP no WordPress segue uma ordem que evita retrabalho: primeiro medir no campo, depois isolar o handle culpado, e só então aplicar o adiamento. Pular a medição de campo é o erro mais comum, porque o resultado varia conforme o dispositivo real do usuário.

Os cinco passos abaixo usam ferramentas gratuitas (PageSpeed Insights, Chrome DevTools e CrUX) antes de qualquer plugin pago, e cada etapa tem um check de validação claro para você confirmar o ganho antes de seguir para a próxima.

<p class="wp-caption-text">Legenda: o relatório de campo do PageSpeed Insights mostra o INP real dos usuários, não só o valor de laboratório.</p>

### Passo 1: Meça o INP de campo no PageSpeed insights

Comece medindo o INP real no <a href="https://pagespeed.web.dev">PageSpeed Insights</a>, que puxa os dados de campo do CrUX (Chrome User Experience Report). O valor que importa é o da seção "Descubra o que seus usuários reais estão experimentando", não o de laboratório, porque o INP depende de cliques reais. Anote o número: acima de 200 ms já precisa de ação, acima de 500 ms é prioridade. Rode a medição no mobile, onde a thread principal é mais lenta e o INP costuma ser pior.

### Passo 2: Reproduza a interação lenta no chrome DevTools

Abra o site no Chrome, ative a aba Performance do Chrome DevTools e grave enquanto repete o clique que parece travar. O painel mostra as long tasks (tarefas acima de 50 ms) que bloqueiam a thread principal durante a interação. Identifique qual arquivo `.js` aparece no topo das tarefas longas: na prática, é o script que está segurando o INP. Esse passo transforma o número abstrato do passo 1 em um culpado com nome de arquivo.

### Passo 3: Identifique os scripts de terceiros pelo nome

Liste os scripts que não são essenciais para o primeiro clique: chat de atendimento, pixel do Meta, Google Tag Manager, ferramentas de A/B e widgets de prova social. Confronte essa lista com as long tasks do passo 2. Em sites WordPress que chegam ao suporte da FULL, o chat e o pixel de remarketing são os dois nomes que mais aparecem segurando o INP. Marque quais podem rodar depois da interação, porque esses serão os que você vai adiar no passo 4.

### Passo 4: Adie o JavaScript não essencial com WP Rocket ou Perfmatters

Use o Delay JavaScript Execution do <a href="https://full.services/wp-rocket/">WP Rocket</a> ou o controle de scripts do Perfmatters para adiar a execução até a primeira interação. Atenção à relação causal: o Delay JavaScript Execution ativo com um script de evento essencial sem exclusão faz o clique ficar sem resposta até o usuário interagir de novo. Por isso, exclua do delay os handles que precisam responder ao primeiro toque e adie só chat, pixel e analytics. A <a href="https://full.services/wp-rocket-configuracao/">configuração correta do WP Rocket</a> mostra onde fica cada exclusão.

### Passo 5: Valide o ganho e monitore por 28 dias

Depois de aplicar o adiamento, rode de novo o PageSpeed Insights e confirme a queda no INP de laboratório. Os dados de campo do CrUX, porém, levam até 28 dias para refletir a mudança, porque a janela do relatório é móvel. Por isso, monitore o INP de campo por quatro semanas antes de declarar o problema resolvido. Se o número não cair, volte ao passo 2: provavelmente sobrou um script essencial na thread principal que ainda não foi adiado.

<aside aria-label="Metodologia dos Testes">
<h2 id="metodologia-dos-testes">Metodologia dos testes</h2>
<p>As observações deste guia vêm dos tickets de performance abertos na base da FULL entre <time datetime="2025-09">setembro de 2025</time> e <time datetime="2026-05">maio de 2026</time>, em sites WordPress rodando PHP 8.2 e versões 6.4 a 6.7 do core. As métricas de INP foram coletadas via PageSpeed Insights com dados de campo do CrUX e confirmadas com gravações da aba Performance do Chrome DevTools, sempre no perfil mobile, onde a thread principal é mais lenta e o problema aparece primeiro. O recorte privilegia sites com plugins de marketing instalados, que são o cenário onde o INP mais aparece como reclamação no suporte. Cada caso foi medido antes e depois do adiamento dos scripts de terceiros, para isolar o efeito da mudança. Não medimos ambientes sem tráfego real, porque o INP de campo exige interações de usuários reais para gerar um valor confiável e comparável.</p>
</aside>

## Quanto custa otimizar o INP: Ferramentas e o bundle FULL

Otimizar o INP no WordPress não exige servidor novo, mas exige os plugins certos, e é aí que o custo avulso pesa. O WP Rocket custa cerca de US$59 por site por ano em licença individual, e o Perfmatters soma outra licença anual. Quem cuida de vários sites multiplica essa conta a cada renovação.

No plano PRO da FULL, por R$849, você ativa o bundle completo com WP Rocket, Perfmatters e mais 15 plugins premium já incluídos, em qualquer hospedagem. Diluído pelos sites que o plano cobre, isso fica em torno de R$85 por site, contra a soma das licenças avulsas pagas em dólar. A vantagem é dupla: um custo previsível por site e os mesmos plugins de cache que derrubam o INP já licenciados, sem precisar comprar cada um separado nem controlar datas de renovação. Veja os <a href="https://full.services/planos">planos da FULL</a> para comparar a conta por site da sua operação antes de renovar qualquer licença individual.

## Quando o INP não é o seu gargalo principal

Nem todo site lento sofre desse problema: se a página demora a aparecer, o gargalo é LCP ou TTFB, não responsividade. A métrica de interação só vira prioridade quando a página pinta rápido mas o clique demora a responder. A árvore abaixo ajuda a decidir onde investir o esforço antes de mexer em qualquer script.

<ul class="arvore-decisao" style="margin-bottom:1.5rem">
  <li><strong>Se a página demora a aparecer e o INP está abaixo de 200 ms</strong> → ataque o LCP e o <a href="https://full.services/ttfb-wordpress-como-reduzir/">TTFB do WordPress</a> primeiro.</li>
  <li><strong>Se a página pinta rápido mas o clique trava</strong> → o INP é o gargalo; siga os cinco passos.</li>
  <li><strong>Se o INP só é ruim no mobile</strong> → priorize adiar JavaScript, porque a thread principal do celular é mais lenta.</li>
  <li><strong>Se o INP piora só em páginas com chat ou formulário</strong> → exclua o handle essencial do delay e adie o resto.</li>
</ul>

A relação entre as três métricas resume a decisão: o INP mede a interação, o LCP a pintura inicial e o CLS a estabilidade. Atacar a métrica errada gasta esforço; para renderização bloqueada, use o guia de <a href="https://full.services/remover-js-css-bloqueio-renderizacao-velocidade-site/">remover JS e CSS de bloqueio</a>.

<aside aria-label="Resumo Tecnico">
<h2 id="resumo-tecnico">Resumo técnico do INP</h2>
<ul style="margin-bottom:1.5rem">
  <li><strong>Melhor cenário:</strong> site com poucos scripts de terceiros, onde adiar o chat já leva o INP para baixo de 200 ms.</li>
  <li><strong>Pior cenário:</strong> site com cinco ou mais ferramentas de marketing no head, todas disputando a thread principal no primeiro clique.</li>
  <li><strong>Principal conflito:</strong> Delay JavaScript Execution agressivo sem excluir o handle essencial deixa o clique sem resposta.</li>
  <li><strong>Melhor ferramenta gratuita:</strong> Chrome DevTools, que mostra a long task culpada sem custo.</li>
  <li><strong>Em uma frase:</strong> o INP melhora quando você adia o JavaScript de terceiros que trava a thread principal no clique.</li>
</ul>
</aside>

## Próximos passos para deixar o WordPress responsivo

O INP recompensa quem trata a causa, não o sintoma: medir no campo, achar o script que trava a thread principal e adiar só o que não precisa rodar no clique. Em testes de campo, esse ciclo resolve a maioria dos casos sem trocar de hospedagem, porque o gargalo costuma ser JavaScript de terceiros, não o servidor. Comece pelo passo 1 hoje, monitore por 28 dias e ajuste a lista de exclusões conforme o resultado. Para seguir aprendendo a acelerar o site, o <a href="https://full.services/academy/">FULL Academy</a> reúne tutoriais, guias e reviews de performance em um só lugar, e o guia <a href="https://full.services/como-acelerar-wordpress/">como acelerar o WordPress</a> conecta o INP às demais métricas de velocidade.

<h2 id="faq">Perguntas frequentes sobre INP no WordPress</h2>

<details>
  <summary>Por que o INP do meu site WordPress piora depois de instalar plugins de marketing?</summary>
  <p>Porque cada plugin de marketing injeta JavaScript de terceiros que disputa a thread principal do navegador. Chat, pixel de remarketing e ferramentas de A/B somam de 50 ms a 150 ms cada um ao tempo de resposta do clique. Como o INP mede a pior interação da sessão, basta um desses scripts segurar a thread para a métrica passar de 200 ms. A correção é adiar a execução desses scripts até depois da primeira interação do usuário.</p>
</details>

<details>
  <summary>É possível melhorar o INP sem remover os scripts de terceiros?</summary>
  <p>Sim, e essa é a abordagem recomendada na maioria dos casos. Você não precisa remover o chat ou o pixel: basta adiar a execução deles com o Delay JavaScript Execution do WP Rocket ou o controle de scripts do Perfmatters. Os scripts rodam normalmente, mas só depois da primeira interação, o que libera a thread principal para responder ao clique. Exclua do adiamento apenas os handles essenciais ao primeiro toque, como formulários de checkout.</p>
</details>

<details>
  <summary>Qual a diferença entre INP e o antigo FID nos Core Web Vitals?</summary>
  <p>O FID media apenas o atraso da primeira interação com a página, enquanto o INP mede a latência da pior interação ao longo de toda a sessão. Desde março de 2024, o INP substituiu o FID nos Core Web Vitals do Google justamente porque o FID era fácil demais de passar e não refletia a experiência completa. Um site podia ter FID bom e INP ruim, escondendo cliques lentos que aconteciam depois do carregamento inicial.</p>
</details>

<details>
  <summary>Quanto tempo de INP o Google considera bom no WordPress?</summary>
  <p>O Google considera bom um INP abaixo de 200 ms, segundo a documentação da web.dev. A faixa "precisa de melhoria" vai de 200 ms a 500 ms, e acima de 500 ms o INP é classificado como ruim. Esses limites são medidos no percentil 75 dos carregamentos, separados entre mobile e desktop. No WordPress, o mobile costuma ser o ambiente mais crítico, porque a thread principal do celular processa JavaScript mais devagar que a do desktop.</p>
</details>

<details>
  <summary>O que o INP mede exatamente na experiência do usuário?</summary>
  <p>O INP mede o tempo entre o usuário interagir (clique, toque ou tecla) e o navegador pintar o próximo quadro como resposta visual. Ele captura a interação mais lenta da sessão, não a média, o que o torna um indicador honesto de responsividade. Um INP de 350 ms significa que o usuário esperou um terço de segundo para ver o site reagir ao toque. Quanto mais JavaScript bloqueando a thread principal, maior esse tempo de espera.</p>
</details>
