公開日:2014年6月22日 最終更新日:2014年7月13日 Chrome デベロッパーツールのNetworkパネルでは、Webページでロードされるリソースに関するデータを収集することができます。リソースサイズ、ローディング時間、HTTPヘッダーなどを確認することができ、パフォーマンス改善に役立てることができます。 Networkパネルでは具体的に以下のことが可能です。 各リソースがリクエストされてから受信完了するまでの時間確認 リクエストヘッダー/レスポンスヘッダーの確認 送信されたクッキーの確認 記録したデータのHARフォーマットでの保存 【コンテンツ】 Networkパネル外観 データの記録 データ項目の追加・ソート・フィルター Timeline ビュー データのコピーと保存 詳細データの確認 【記事執筆時の環境】 Windows 7 Professional 32bit SP1
![Chrome デベロッパーツール Networkパネルの使い方 | Web Tips](https://cdn-ak-scissors.b.st-hatena.com/image/square/e674c532fe653fbadfce3452d6121f22a8ab899d/height=288;version=1;width=512/https%3A%2F%2Fweback.net%2Fwp-content%2Fuploads%2F2014%2F06%2Futility10-1.png)