このサイトのボトルネックを見つけようとしています。確かに、現在このページには多くの画像がありませんが、来週にはこのサイトに 300 枚近くの画像をアップロードする予定で、速度とパフォーマンスに大きな負担がかかると予想されます。したがって、画像の読み込み以外はできるだけ減らしたいと考えています。
SpeedTracer で見ているものを示す画像を添付しましたが、データは意味がありません。ページは約 4 秒で読み込まれましたが、これらの青いバーはそれぞれ、読み込みに約 3.5 秒かかったと主張しています。どうすればいいの？
私がここで見ているものについて、誰かが説明してくれませんか?
ありがとう、
エヴァン
あなたが見ているのはページのウォーターフォールで、リソースの読み込み中です...
各行は個々のリソースを表し、読み込みを開始した時期とかかった時間を示します。
ブラウザはリソースを並行してダウンロードできます。Chrome は、同じホスト名 (例: www.nanisolutions.com) から最大 6 つのリソースを同時にダウンロードできます。また、他のすべてのホスト名から同時に最大 6 つのリソースをダウンロードできます (最大 40 接続まで)。
スクリーン グラブがルート HTML ドキュメントのリクエストをいくつかのアイテムの後に表示するのはなぜですか?
webpagetest.org を使用して同じテストを実行したくなるでしょう。