重複的 JavaScript

Connor Clark
Connor Clark
X GitHub

發布日期：2025 年 10 月 8 日

從套件中移除重複的大型 JavaScript 模組，盡量避免網路活動消耗不必要的流量。

如何通過這項深入分析

  • 如果網頁有多個 JavaScript 組合，程式碼會將多個組合所需的大型依附元件分割到共用組合中。
  • 在個別 JavaScript 組合中，請確保大型依附元件只有一個版本。

如要深入瞭解網頁上的 JavaScript 套件，請按一下 View Treemap。這會開啟 Lighthouse 樹狀地圖中的頁面套件。

Lighthouse 樹狀圖。彩色節點代表在多個 JavaScript 組合中找到的重複模組
Lighthouse 樹狀圖。彩色節點代表在多個 JavaScript 組合中找到的重複模組。

  • 在 PageSpeed Insights 和 Lighthouse 報表中，這個按鈕位於指標下方的「效能」類別中：

    Lighthouse 查看矩形式樹狀結構圖按鈕 Lighthouse「查看樹狀圖」按鈕。

  • 在開發人員工具的「效能」面板中，這個按鈕位於「重複的 JavaScript」深入分析中：

    開發人員工具的「效能」面板檢視區塊「樹狀圖」按鈕 開發人員工具「效能」面板的「查看樹狀圖」按鈕。

堆疊專屬指南

為常見的大型依附元件建立額外的進入點，並為下列項目啟用 JavaScript 封裝工具的程式碼分割功能：

其他參考資料