Reduza o tempo de execução do JavaScript
Quando seu JavaScript leva muito tempo para ser executado, ele desacelera o desempenho da página de várias maneiras:
Custo de rede
Mais bytes equivalem a tempos de download mais longos.
Custo de análise e compilação
JavaScript é analisado e compilado no thread principal. Quando o thread principal está ocupado, a página não pode responder à entrada do usuário.
Custo de execução
JavaScript também é executado no thread principal. Se sua página executa muitos códigos antes de eles realmente serem necessários, isso também atrasa seu Time to Interactive (tempo até interativa), que é uma das principais métricas relacionadas a como os usuários percebem a velocidade de sua página.
Custo de memória
Se o seu JavaScript retém muitas referências, ele pode potencialmente consumir muita memória. As páginas parecem irregulares ou lentas quando consomem muita memória. Vazamentos de memória podem fazer com que sua página congele completamente.
Como a auditoria do tempo de execução de JavaScript do Lighthouse falha
O Lighthouse mostra um aviso quando a execução do JavaScript leva mais de 2 segundos. A auditoria falha quando a execução leva mais de 3,5 segundos:
Para ajudá-lo a identificar os maiores contribuintes para o tempo de execução, o Lighthouse relata o tempo gasto na execução, avaliação e análise de cada arquivo JavaScript que sua página carrega.
See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.
Como acelerar a execução do JavaScript
- Only send the code that your users need by implementing code splitting.
- Minify and compress your code.
- Remove unused code.
- Reduce network trips by caching your code with the PRPL pattern.
For other ways to improve page load, check out the Performance audits landing page.
Recursos
Código-fonte para auditoria Reduzir o tempo de execução do JavaScript