未実行コード
JavaScriptファイルごとのサイズと、ページ読み込み時に実行されなかったコードの割合。
サイトのJavaScriptを分析
読み込まれるスクリプト、実行されるコード、発生するJavaScriptエラーを確認します。検査ではクリックやスクロールを行わず、1回のページ読み込みを観測します。指摘を基に、次に調べる箇所を選んでください。
確認できる内容
Chromiumで1ページの読み込みを検査します。クリックやスクロールは行いません。
メインスレッドの動作
ページ読み込み中のスクリプト実行時間、長時間タスク、メモリ使用量。
スクリプトの読み込み
ファイルサイズと転送量、HTTPステータス、読み込み時間、async・defer・module・動的インポートなどの読み込み方法。
サードパーティのスクリプト
ページとホスト名が異なるスクリプトのURL、サイズ、読み込み方法。
JavaScriptエラー
コンソールメッセージ、未処理の例外、非推奨APIに関するブラウザーの警告。
バンドルの内容
有効なソースマップが利用可能で読み取れる場合、ソースモジュールを対応付けられます。マップがない場合や未対応の場合、この部分は不完全になりますが、リソースとエラーの検査は利用できます。
結果の読み方
未実行コードは削除できますか？
このレポートだけでは判断できません。読み込み時に実行されなかったコードも、クリックやスクロール後、別のページ状態で必要になる場合があります。削除前にこれらの操作を確認してください。
サードパーティのスクリプトはどう判定しますか？
スクリプトとページのホスト名を比較します。サブドメインや自社のCDNもこのグループに含まれます。分類されたことだけで問題があるとは限りません。
ソースマップは必要ですか？
主なリソースとエラーのレポートは、ソースマップがなくても利用できます。バンドル内のソースモジュールを調べるには、対応形式で有効かつ読み取り可能なマップが必要です。モジュールのマップがないことは、バンドルに未実行コードがない証拠にはなりません。