optimization - 異なるネットワーク リクエスト間にタイム スパンがあるのはなぜですか?

Question

Web アプリの読み込み時間を最適化していますが、何が問題なのかわかりません。Firebug の [ Net ] パネルに、リクエスト間のタイム ホールが表示されます。

誰かこのチャートを説明してくれませんか?

Answer 1

リクエスト間のギャップには、次の 2 つの理由が考えられます。

1. リクエストされたページの解析にかかった時間

   URL を要求すると、ブラウザーは返されたコンテンツを解析して、JavaScript、CSS ファイル、画像などの他のリソースへの URL が含まれているかどうかを確認する必要があります。その後、要求されたリソースも解析する必要があります。たとえば、CSS ファイルには画像への参照を含めることができます。ただし、これらの URL を取得するには、最初に CSS ファイルの内容を解析する必要があります。

2. 動的に要求されたリソース

   JavaScript リソースの使用は、非同期で要求できます。これらのリクエストは、たとえば AJAX を介して、またはページに DOM ノードなど<img src="xyz.png" alt="">を動的に挿入することによってトリガーできます。