Quando a execução do JavaScript demora muito, ele reduz a performance da página de várias maneiras:
Custo de rede
Quanto mais bytes, maior o tempo de download.
Analisar e compilar custos
O JavaScript é analisado e compilado na linha de execução principal. Quando a linha de execução principal está ocupada, a página não pode responder à entrada do usuário.
Custo de execução
O JavaScript também é executado na linha de execução principal. Se a página executar muito código antes de ser realmente necessário, isso também atrasará o Tempo até a interação da página, que é uma das principais métricas relacionadas à forma como os usuários percebem a velocidade da página.
Custo de memória
Se o JavaScript tiver muitas referências, ele poderá consumir muita memória. As páginas parecem instáveis ou lentas quando consomem muita memória. Vazamentos de memória podem fazer com que a página congele completamente.
Como a auditoria do tempo de execução do JavaScript do Lighthouse falha
O Lighthouse mostra um aviso quando a execução do JavaScript leva mais de dois segundos. A auditoria falha quando a execução leva mais de 3,5 segundos:
Para ajudar a identificar os maiores contribuidores para o tempo de execução, o Lighthouse relata o tempo gasto na execução, avaliação e análise de cada arquivo JavaScript carregado pela página.
Como acelerar a execução do JavaScript
- Implemente a divisão de código apenas para enviar o código de que os usuários precisam.
- Minifique e compacte seu código.
- Remova códigos não utilizados.
- Reduza as viagens de rede armazenando seu código em cache com o padrão PRPL.
Para outras maneiras de melhorar o carregamento de página, consulte a página de destino das auditorias de desempenho.
Recursos
Código-fonte da auditoria Reduzir o tempo de execução do JavaScript