2017-02-13 2 views
1

私はクロームのdevのツールで次のビューを持っている::ネットワーク行のリソースのダウンロードを囲む灰色のバーは何ですか?

timeline network view

グレーのバーが紫色のCSS要求を囲む何を意味するのですか?私は要求がキューイング時間の前に部分を仮定しますが、後は​​どうですか?この時間はCSSを解析するのに費やされるのですか、それとも何か他のことを待っているのですか?これをどのようにしてより詳細に判断できますか? Chrome main timeline

そして、ここでCPUのプロフィール:

enter image description here

私は「解析HTML」を参照してくださいすることができ、これらのビューから

は、それは私がタイムラインの「メイン」の部分が含まれている、助けている場合および "評価/コンパイルスクリプト"を参照してください。これは、ページがそのスクリプト評価でブロックされていることを意味するのでしょうか、それともCSS解析を含む可能性がありますか?私はので、私はグレーのバーは、それがダウンロードされたら、CSS上のアクティビティなしのブロッキングを示し思っています、後の「解析スタイルシート」を参照してください。

+0

あなたは灰色のバーを選択しようとしたことがありますか? – guest271314

+0

はい、あなたは私のスクリーンショットをもたらしツールチップを見ることができます – hross

答えて

0

私は私のHTMLがロードされたときにスクリプト評価に関連したアイドル時代と灰色のバーを関連付けることができました。したがって、本質的に、これはHTML評価が完了するのを待っている時間です。特に、私はてLastPassが有効になっていたし、それは私のHTML上で評価を実行していました。私は拡張子をオフにすると、このアイドル時間が去っていきました

enter image description here

:以下、私はダイアグラムが含まれています。

関連する問題