22

ウェブサイトでパフォーマンステストを実行するときに、Chromeデベロッパーツールを理解しようとしています。多くのツールで[ネットワーク]を選択すると、次のようになります。

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

次に、パフォーマンスファイルを選択すると、次の情報が表示されます。

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

私の質問はこれです：

  1. DNSルックアップ、接続、送信、待機、受信の意味は何ですか？各段階でサーバー、ネットワーク、ブラウザの間で何が起こっていますか？
  2. 最初の画像では、赤い線は「Load event fired」を示し、青い線は「DOMContenteventfired」を示しています。これにはどのような意味があり、すべてのコンテンツがロードされた後にDOMContentイベントが発生するのはなぜですか？
4

3 に答える 3

23

パートIIへの回答：

青い線（DOMコンテンツロードイベント）：
ブラウザーがメインドキュメントの解析を終了したときに発生します。

赤い線（ロードイベント）：
ブラウザがメインドキュメントに必要なすべてのリソースの取得を終了したときに発生します。

赤い線の後：ここでは、メインドキュメントと他のリソースに必要な非同期リソースとキャッシュリソースの読み込みが表示されます。

于 2015-05-11T06:10:56.517 に答える
7

これはプログラミングの質問というよりもネットワークの質問であるため、これがSOに適しているかどうかはわかりませんが、できる部分についてはお答えします...

DNSルックアップ

Webサイトに接続するときは、DNSからIPを検索する必要があります。たとえば、コンピュータはDNSに接続して、「google.com」がどこにあるかを知っているかどうかを尋ねます。もしそうなら、それはあなたにIPを与えるでしょう。そうでない場合は、別のDNSのIPを提供するか、そのDNS自体に接続します（どの実装がどこに適用されるかはわかりません）。最終的には、探しているホストのIPになります。にとって。

接続する

そのIPに接続するのにかかる時間。ここで詳細がわかりません。

送信

接続後、サーバーにリクエストを送信します。ページの表示やデータの送信などのリクエストの場合があります。

待っている

リクエストを送信した後、サーバーがリクエストに応答するのを待ちます。忙しいか、要求したものを処理するのに時間がかかる場合があります。

受信

サーバーがリクエストを処理すると、サーバーからデータが返送されます。

于 2012-08-23T18:01:57.243 に答える
3

これがGoogleによる説明です： https ：//developers.google.com/web/tools/chrome-devtools/network/reference

于 2014-05-06T14:42:05.040 に答える