重複する JavaScript

Connor Clark
Connor Clark
X GitHub

公開日: 2025 年 10 月 8 日

重複する大きい JavaScript モジュールをバンドルから削除すると、ネットワーク アクティビティで不必要に消費されるデータ量を減らすことができます。

この分析情報を渡す方法

  • 複数の JavaScript バンドルがあるページの場合、複数のバンドルで必要となる大きな依存関係を共通のバンドルに分割します。
  • 個々の JavaScript バンドル内で、大きな依存関係のバージョンが 1 つだけであることを確認します。

View Treemap をクリックすると、ページの JavaScript バンドルを詳しく調べることができます。Lighthouse Treemap でページのバンドルが開きます。

Lighthouse のツリーマップ。色付きのノードは、複数の JavaScript バンドルで見つかった重複するモジュールを表します
Lighthouse ツリーマップ。色付きのノードは、複数の JavaScript バンドルで見つかった重複するモジュールを表します。

  • PageSpeed Insights と Lighthouse レポートでは、このボタンは指標の下の [パフォーマンス] カテゴリにあります。

    Lighthouse の [ツリーマップを見る] ボタン
    Lighthouse の [View Treemap]（ツリーマップを表示）ボタン。

  • DevTools の [パフォーマンス] パネルでは、このボタンは [重複した JavaScript] インサイトにあります。

    DevTools の [Performance] パネルの [View Treemap] ボタン
    DevTools の [Performance] パネルの [View Treemap] ボタン。

スタック固有のガイダンス

共通の大きな依存関係の追加のエントリ ポイントを作成し、JavaScript バンドラーのコード分割機能を次のものに対して有効にします。

その他の関連情報