Skip to content
Aprender Medir Blog Case studies Sobre
Nesta página
  • Como a auditoria do tempo de execução de JavaScript do Lighthouse falha
  • Como acelerar a execução do JavaScript
  • Recursos

Reduza o tempo de execução do JavaScript

May 2, 2019 — Atualizado Oct 4, 2019
Available in: Español, 日本語, 한국어, Русский, 中文, English
Appears in: Auditorias de desempenho
Nesta página
  • Como a auditoria do tempo de execução de JavaScript do Lighthouse falha
  • Como acelerar a execução do JavaScript
  • Recursos

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:

Uma captura de tela da auditoria do Lighthouse Reduzir tempo de execução do JavaScriptt

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

Memória
Last updated: Oct 4, 2019 — Improve article
Return to all articles
Compartilhar
assinar

Contribute

  • Registrar um bug
  • Visualizar código-fonte

Conteúdo relacionado

  • developer.chrome.com
  • Atualizações do Chrome
  • Web Fundamentals
  • Estudos de caso
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos os produtos
  • Termos e privacidade
  • Diretrizes da comunidade

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.