JavaScript duplicado

Connor Clark
Connor Clark
X GitHub

Publicado em: 8 de outubro de 2025

Remova módulos JavaScript grandes e duplicados de pacotes para reduzir bytes desnecessários consumidos por atividades da rede.

Como transmitir esse insight

  • Para páginas com vários pacotes JavaScript, o código divide grandes dependências necessárias para vários pacotes em um pacote comum.
  • Em pacotes JavaScript individuais, verifique se há apenas uma versão de dependências grandes.

Para saber mais sobre os pacotes JavaScript em uma página, clique em View Treemap. Isso abre os pacotes da página no mapa de árvore do Lighthouse.

Mapa de árvore do Lighthouse. Os nós coloridos representam módulos duplicados encontrados em vários pacotes JavaScript.
Mapa de árvore do Lighthouse. Os nós coloridos representam módulos duplicados encontrados em vários pacotes JavaScript.

  • No PageSpeed Insights e no relatório do Lighthouse, esse botão fica na categoria "Performance", abaixo das métricas:

    Botão "Ver Treemap" do Lighthouse
    Botão "Ver mapa de árvore" do Lighthouse.

  • No painel Performance do DevTools, esse botão está no insight JavaScript duplicado:

    Botão "Exibir mapa de árvore" do painel de desempenho das DevTools
    Botão "Ver mapa de árvore" do painel de desempenho das DevTools.

Orientações específicas para a pilha

Crie um ponto de entrada adicional para dependências comuns e grandes e ative o recurso de divisão de código do bundler JavaScript para o seguinte:

Outras referências