ページは一発で届くわけではない

1 つのページを開くとき、ブラウザは HTML・画像・文字データなどを何十回も別々に取りに行っています。Network パネルはその全記録です。

開いてから再読み込み

Network は「開いている間」しか記録しません。先にパネルを開いてから Ctrl+R（Mac なら Command+R）で再読み込みしてください。これを忘れて「何も出ない」となるのが最初のつまずきです。

重い原因を探す

Size 列で並び替えれば、何がページを重くしているかが一目で分かります。圧縮されていない写真が 1 枚で 5MB、というのはよくある話です。Time 列を見れば、どこで待たされているのかも分かります。「サイトが遅い」を「この画像が重い」に絞り込めると、改善の話が具体になります。

送った内容を見る

一覧から 1 行クリックすると詳細が開きます。Payload には送信した内容が、Response には返ってきた内容が入っています。問い合わせフォームが送られていないといったトラブルで、「そもそも送信されていない」のか「送ったけど失敗している」のかを切り分けられます。

• 記録は開いてから再読み込みする
• 重いページの犯人を探す
• 送った内容を確かめる