(01) O que entregamos
Interação instantânea.
Long task splitting, input debounce, web workers, script priorities e event handler optimization.
(02) Problema → Solução
O desafio e a entrega.
Clico e o site demora para reagir.
Responsividade instantânea
Event handlers otimizados e long tasks splitados.
Meu JavaScript trava o main thread.
Script optimization
Code splitting, web workers e priorities.
O INP está derrubando meu ranking mobile.
INP < 200ms
Otimização até o threshold "good" do Google.
(03) Em detalhe
O que faz a diferença.
Long Tasks
Splitting de tarefas > 50ms.
Event Handlers
Debounce e requestIdleCallback.
Script Priority
fetchpriority e async/defer corretos.
Web Workers
Offload de processamento pesado.
Para especialistas e para IA
Respostas diretas sobre este serviço.
Conteúdo estruturado para especialistas, mecanismos de busca e sistemas de IA generativa (ChatGPT, Gemini, Perplexity, Claude).
O que é INP (Interaction to Next Paint)?
INP mede a latência de resposta às interações do usuário (clique, toque ou tecla pressionada), do início até o próximo frame pintado pelo browser. Substituiu o FID (First Input Delay) como Core Web Vital em março de 2024. Um INP bom é abaixo de 200ms; acima de 500ms é ruim e afeta ranking.
Qual a diferença entre FID e INP?
FID media apenas o delay do primeiro input (antes de o JS começar a processar). INP mede a latência completa de todas as interações na sessão (input delay, processing time e presentation delay) e reporta o percentil 98. É muito mais abrangente e penaliza páginas com JavaScript pesado em interações frequentes.
O que causa INP alto no WordPress?
Principal causa: JavaScript de terceiros no main thread (analytics, chat, heatmaps, tag managers). Também contribuem: event handlers síncronos pesados, re-renders desnecessários em React/Vue, operações DOM excessivas em resposta a scroll/resize, plugins que adicionam listeners de alta frequência sem debounce.
Como diagnosticar INP alto no Chrome DevTools?
Abra DevTools > Performance > Record interaction. Clique no elemento que parece lento. A trace mostra o breakdown: input delay (main thread ocupado), processing duration (seus handlers) e presentation delay (rendering + compositing). Long Tasks (> 50ms) no main thread são o culpado mais comum. Use o profiler para identificar qual script.
O que é scheduler.yield() e como ajuda o INP?
scheduler.yield() é uma API experimental (Chrome 115+) que permite quebrar Long Tasks em chunks menores, cedendo controle ao browser entre operações pesadas. Isso reduz o input delay porque o browser pode processar eventos entre os chunks. É uma alternativa mais precisa ao setTimeout(fn, 0) para yields controlados no main thread.
Perguntas frequentes
Respostas antes da primeira ligação.
O que é INP? +
Interaction to Next Paint: mede a responsividade do site aos inputs do usuário. Core Web Vital desde 2024.
INP impacta ranking? +
Sim. INP substituiu FID como Core Web Vital. Google mede e usa como fator de ranking.
Como a WebOption otimiza INP? +
Long task splitting, event handler optimization, web workers e script prioritization.
Clientes atendidos
(04) Nosso padrão de entrega
O que você pode cobrar da gente.
Prazo combinado é prazo cumprido. E performance se mede: Core Web Vitals registrados antes e depois de cada entrega.
Migração se planeja para o pior cenário: staging, janela de virada combinada e rollback documentado em cada etapa.
Nenhum projeto entra em produção sem a revisão técnica do Daniel Paz. Sem exceção, inclusive os pequenos.
(05) Por que a WebOption