クリティカル リクエスト チェーンは、ページのレンダリングに重要な一連の依存ネットワーク リクエストです。チェーンの長さが長く、ダウンロード サイズが大きいほど、ページの読み込みパフォーマンスへの影響は大きくなります。
Lighthouse は、高い優先度で読み込まれたクリティカル リクエストをレポートします。
Lighthouse がクリティカル リクエスト チェーンを特定する方法
Lighthouse は、ネットワークの優先度をプロキシとして使用して、レンダリングをブロックする重要なリソースを特定します。Chrome がこれらの優先度をどのように定義するかについて詳しくは、Google の Chrome のリソースの優先度とスケジューリングをご覧ください。
クリティカル リクエスト チェーン、リソース サイズ、リソースのダウンロードに費やされた時間に関するデータは、Chrome リモート デバッグ プロトコルから抽出されます。
クリティカルなリクエスト チェーンがパフォーマンスに与える影響を軽減する方法
クリティカル リクエスト チェーンの監査結果を使用して、ページ読み込みに最も大きな影響を与えるリソースを最初にターゲットにします。
- クリティカルなリソースの数を最小限に抑える: 削除、ダウンロードの延期、
asyncとしてマークするなど。 - クリティカル バイト数を最適化して、ダウンロード時間（ラウンド トリップ数）を短縮します。
- 残りの重要なリソースが読み込まれる順序を最適化する: 重要なアセットをできるだけ早くダウンロードして、クリティカル パスの長さを短縮します。
画像、JavaScript、CSS、ウェブフォントの最適化について詳しくは、それぞれのリンク先をご覧ください。
スタック固有のガイダンス
Magento
JavaScript アセットをバンドルしていない場合は、baler の使用を検討してください。