重复的 JavaScript

Connor Clark
Connor Clark
X GitHub

发布时间：2025 年 10 月 8 日

从软件包中移除重复的大型 JavaScript 模块可减少网络传输时不必要的流量消耗。

如何传递此分析洞见

  • 对于具有多个 JavaScript 软件包的网页，代码会将多个软件包所需的大型依赖项拆分为一个通用软件包。
  • 在各个 JavaScript 软件包中，确保大型依赖项只有一个版本。

您可以点击 View Treemap，深入了解网页上的 JavaScript 软件包。此操作会在 Lighthouse 树状图中打开相应网页的软件包。

Lighthouse 树状图。彩色节点表示在多个 JavaScript 软件包中发现的重复模块
Lighthouse 树状图。彩色节点表示在多个 JavaScript 软件包中发现的重复模块。

  • 在 PageSpeed Insights 和 Lighthouse 报告中，此按钮位于“效果”类别中的指标下方：

    Lighthouse“查看树状图”按钮
    Lighthouse“查看树状图”按钮。

  • 在开发者工具的性能面板中，此按钮位于重复的 JavaScript 数据分析中：

    开发者工具“性能”面板“查看树状图”按钮
    开发者工具“性能”面板中的“查看树状图”按钮。

针对特定堆栈的指南

为常见的大型依赖项创建额外的入口点，并为以下内容启用 JavaScript 捆绑程序的代码拆分功能：

其他参考资料