Scanner JS
Análise abrangente de desempenho, cobertura e erros de JavaScript
Vantagens
Análise de Total Blocking Time
Meça por quanto tempo a thread principal fica bloqueada por JavaScript. Identifique tarefas longas que prejudicam a interatividade e aumentam o Time to Interactive.
Detecção de código não utilizado
Detalhamento por arquivo do JavaScript não utilizado com contagem exata de bytes. Encontre rapidamente código morto e bundles superdimensionados que atrasam o carregamento da página.
Auditoria de estratégia de carregamento de scripts
Veja quais scripts bloqueiam a renderização versus async ou defer. Identifique scripts de terceiros que atrasam o First Contentful Paint.
Rastreamento de erros em tempo de execução e APIs obsoletas
Capture erros do console, exceções não tratadas com stack traces e uso de APIs obsoletas do navegador — tudo em uma única varredura.
Como funciona
Ferramentas
FAQ
TBT mede o tempo total em que a thread principal fica bloqueada por tarefas longas de JavaScript (acima de 50 ms cada). Um TBT alto significa que a página parece lenta porque as interações do usuário ficam atrasadas até que os scripts terminem de executar.
A ferramenta usa a API de cobertura de código integrada do Chrome para rastrear quais bytes de cada arquivo de script são realmente executados durante o carregamento da página. Tudo que não for executado é marcado como não utilizado, exibido como percentual por arquivo.
Um script carregado sem os atributos async ou defer bloqueia o parser HTML até que seja baixado e executado. Isso atrasa a renderização. A auditoria sinaliza cada script desse tipo para que você possa adicionar async/defer ou movê-lo para o final da página.
Sim. Cada script é classificado como próprio ou de terceiros. Você pode ver quais scripts externos estão bloqueando a renderização, quanto código não utilizado eles contribuem e se disparam erros ou chamadas de APIs obsoletas.
Se seus scripts incluem source maps, a ferramenta os analisa para construir um treemap visual de cada módulo dentro de cada bundle — mostrando tamanhos exatos e cobertura de código para que você possa identificar quais dependências otimizar ou remover.