Chrome開発者ツール-ネットワークパネルのギャップ


10

Chrome開発者ツールのネットワークタブで、ギャップの間に何が起こっているのか知りたいです。下の私の画像を見ると、これらのギャップが存在する領域がオレンジ色で強調表示されています。キャッシュから多くのページをロードできる場合、ページのロード時間のほとんどを占めるため、これらの大きなギャップが発生するのは残念です。この時期に正確に何が起こっているのですか?

ここに画像の説明を入力してください

編集

さて、私は本質的に私の質問を要約するこの回答を見つけたので、別の質問:これらのギャップの長さを減らすための良い方法を誰かが知っていますか?おそらく(かなり極端ではありますが)ページにすべてのCSSをロードした場合、CSSファイルのロード後、画像がロードされる前に遅延は発生しません。

回答:


0

それはあなたの質問への直接の答えではないことは知っていますが、FiddlerやWireSharkなどの別のツールを使用した監視を検討しましたか?別のツールを使用すると、問題の根本的な原因をさらに詳しく知ることができます。


-1

開発ツールネットワークのウォーターフォールには、「ギャップ」を減らすためのオプションがいくつかあります。サーバーからユーザーに渡されるファイルの順序を監視し、パフォーマンスを向上させるために、主にWebサイトを調整および調整します。いくつかの例の説明については、リンクを参照してください。

yahoo:Webサイトを高速化するためのベストプラクティス

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.