ウェブサイトのアクセス速度を測る

chromeデベロッパーツールのnetworkパネルはweb開発で使われる機能のひとつでしょう

この機能を使うことでWebページにアクセスした際の読み込み速度が測れます

テーブルのtime列に表示され

・上がリクエストから受信が完了するまでの時間

・下がリクエストから受信開始するまでの時間

を表します

timeline列にマウスカーソルを合わせると詳細が確認出来ます


ちなみにnamw列をクリックすることで以下の機能を呼び出せる

・Headersタブ HTTPリクエストとレスポンスのヘッダーを確認できる

・Previewタブ テキストデータならレスポンスのテキスト、画像ファイルなら画像の情報が表示される

・Responseタブ レスポンス本文

・Timingタブ ファイルの取得にかかった時間の詳細