ネット パネル
ネット パネルでは、ブラウザとサーバとの通信をモニタできます。
フィルタ (Filters)
上部のボタンから選択することで、結果表示をファイルごとにフィルタできます。
| フィルタ | 対象とするファイルの種類 |
|---|---|
| HTML | (X)HTML、XML、MathML、RSS、RDF |
| CSS | CSS |
| JS | JavaScript |
| XHR | XMLHttpRequests |
| 画像 | JPEG、PNG、GIF、BMP |
| Flash | SWF、XAP |
| メディア | MP3、Ogg、WAV、MIDI、WebM、MPEG、FLV |
リクエスト リスト (Request List)
レスポンスヘッダやリクエストヘッダの内容を確認できます。
| 項目 | 説明 |
|---|---|
| URL | リクエストされたURLと、使用されたHTTPメソッド |
| ステータス | 受信レスポンスの状態 |
| プロトコル | Web上でリソースを特定するのに使われたURLプロトコル |
| ドメイン | 実行されたリクエストのドメイン |
| サイズ | 受信したレスポンスのサイズ |
| ローカルIP | リクエストにバインドされている、ローカルIPアドレスとポート番号 |
| リモートIP | リクエストにバインドされている、リモートIPアドレスとポート番号 |
| タイムライン | リクエスト/レスポンスのラウンドトリップに関する、詳細なタイミング情報 |
下部に表示されるのは全体の概要で、リクエストの開始から、最後に受信を完了したファイルのその完了時点までの時間が、ページ読み込み時間として表示されます。
タイムライン (Timeline)
タイムラインの項目にマウスポインタを合わせることで、詳細がツールチップで表示されます。左にリクエスト開始時点からの経過時間、右にそれぞれの処理に要した時間が示されます。
| 項目 | 説明 |
|---|---|
| ブロッキング (Blocking) |
ブラウザのキューで、ネットワークへの接続を待機した時間 |
| DNS ルックアップ (DNS Lookup) |
DNSによる名前解決にかかった時間 |
| 接続 (Connecting) |
TCP接続の確立にかかった時間 |
| 送信 (Sending) |
サーバへの、リクエストの送信にかかった時間 |
| 待機 (Waiting) |
サーバからの、レスポンスを待機した時間 |
| 受信 (Receriving) |
サーバからの、レスポンスの受信にかかった時間 |
| 項目 | 説明 |
|---|---|
| DOMContentLoaded | DOMContentLoadedイベントが発生した時点 |
| load | ページ読み込みイベントが発生した時点 |