[解決済み】Chromeのネットワークログ「Stalled」状態を理解する。

質問

クロームで以下のようなネットワークログが出ています。

グレーバーの塗りつぶしと透明なグレーのバーの違いは何ですか？

どのように解決するのですか？

Googleは、これらのフィールドの内訳を ネットワーク性能の評価 のセクションをご覧ください。

より抜粋 リソース・ネットワーク・タイミング :

停滞/ブロッキング

リクエストが送信されるまでに費やした待機時間。この時間にはプロキシネゴシエーションに費やされた時間が含まれます。さらに、この時間にはブラウザがすでに確立された接続を再利用できるようになるのを待つ時間も含まれ、Chrome の 最大6 TCPコネクション・パーオリジンルール

(忘れた場合、Chromeではホバーツールチップと"Timing"パネルの下に"Explanation"のリンクがあります).

基本的に、この現象が発生する主な理由は、Chromeが一度にダウンロードするのは1サーバーにつき6ファイルのみで、他のリクエストは接続スロットが利用可能になるまで停止するためです。

これは必ずしも修正が必要なことではありませんが、停滞状態を回避する一つの方法として、複数のドメイン名やサーバーにファイルを分散し CORS しかし、今後は HTTP2 の方がより良い選択肢となるでしょう。リソースのバンドル（JSやCSSの連結など）も、接続の停止を減らすのに役立ちます。