Дублированный JavaScript

Коннор Кларк
Connor Clark
X GitHub

Опубликовано: 8 октября 2025 г.

Удалите большие дублирующие модули JavaScript из пакетов, чтобы сократить объем ненужных байтов, потребляемых сетевой активностью.

Как передать это понимание

  • Для страниц с несколькими пакетами JavaScript код разделяет большие зависимости, необходимые нескольким пакетам, в общий пакет.
  • В отдельных пакетах JavaScript убедитесь, что существует только одна версия крупных зависимостей.

Вы можете более подробно изучить пакеты JavaScript на странице, нажав кнопку « View Treemap . Это откроет пакеты страницы в древовидной карте Lighthouse.

Древовидная карта Lighthouse. Цветные узлы представляют собой дублирующиеся модули, обнаруженные в нескольких пакетах JavaScript.
Древовидная карта Lighthouse. Цветные узлы представляют собой дублирующиеся модули, обнаруженные в нескольких пакетах JavaScript.

  • В PageSpeed ​​Insights и отчете Lighthouse эта кнопка находится в категории «Производительность» под метриками:

    Кнопка просмотра древовидной карты Lighthouse
    Кнопка «Просмотреть карту дерева» на Lighthouse.

  • На панели производительности DevTools эта кнопка находится в разделе «Дублированный JavaScript» :

    Кнопка просмотра древовидной карты панели производительности DevTools
    Кнопка «Просмотр древовидной карты» на панели производительности DevTools.

Руководство по конкретному стеку

Создайте дополнительную точку входа для общих крупных зависимостей и включите функцию разделения кода вашего сборщика JavaScript для следующего:

Дополнительные ссылки