A Derrocada do INP: Diagnóstico e Intervenção Profunda em Performance
Entre as métricas do Core Web Vitals, o Interaction to Next Paint (INP) se destaca como a mais sensível e imprevisível — principalmente em portais de grande audiência, cuja monetização depende de elementos interativos intensos, como anúncios e widgets dinâmicos.
Atuando como desenvolvedora backend na Seox, conduzi um estudo aprofundado em múltiplos portais sob nossa gestão. O objetivo: diagnosticar e reduzir o impacto negativo do INP por meio de engenharia técnica aplicada — e não apenas de boas práticas genéricas.
🔍 Diagnóstico de performance: além da superfície
A análise inicial foi realizada com DebugBear, Lighthouse e inspeções em tempo real no Chrome DevTools. Mapeamos e ranqueamos scripts com maior bloqueio da thread principal e estudamos o comportamento de carregamento de anúncios, popups e modais críticos.
Também identificamos:
- Scripts herdados de bibliotecas antigas, com execução síncrona;
- Widgets de terceiros mal otimizados (clima, redes sociais, comentários);
- Conflitos entre cookies de consentimento (LGPD) e execuções JS;
- Impacto negativo de interstitials e formatos como Taboola e MGID.
🧠 Intervenções técnicas avançadas
As soluções aplicadas envolveram desde refatoração de scripts até engenharia sob medida de mecanismos inteligentes de carregamento. Algumas das principais intervenções foram:
- Script inteligente de deferimento: lógica JS personalizada que monitora a disponibilidade da thread principal para só então carregar blocos pesados;
- Google Analytics Lite: versão otimizada, servida localmente, com tracking mínimo e assíncrono;
- Hospedagem local de GTM e GA4: redução do TTFB e eliminação de redirecionamentos externos;
- Remoção ou substituição de widgets: eliminamos elementos não essenciais com alto custo de renderização;
- Melhorias no consentimento LGPD: controle leve e próprio, garantindo menor impacto no tempo até interação;
- Mitigação de anúncios intersticiais: regras de carregamento condicional para preservar responsividade;
- Refatoração do atraso de scripts: modelo próprio, menos intrusivo que o padrão do WP Rocket.
📊 Resultados tangíveis
Com as otimizações, obtivemos uma redução média de 220–280ms no INP, levando diversos portais à aprovação no CWV Mobile — incluindo:
Este estudo mostra que resolver INP vai além de *defer* e *lazyload*. Exige análise crítica, intervenção sob medida e um entendimento profundo da relação entre scripts, thread e comportamento do navegador. E é exatamente essa abordagem que aplicamos na Seox.
