HARキャプチャを調べる
HARファイルはブラウザのリクエスト記録です。誰を呼び・どれだけ時間がかかり・何バイト動いたかを一覧します。
このガイドで使う道具
やりたいこと
ページの不調時にDevToolsはHARを出力できます。読めば、どのリクエストが走り・どれが遅く・4xx/5xxで失敗し・トラフィックがどの程度の重さだったかが分かります。
.harをドロップ
HAR 1.2 JSONを解析し、各エントリのメソッド・ホスト・パス・ステータス・合計ms・転送バイト・MIMEを一覧化します。フィルタとソートで外れ値を探します。
具体例
「エクスポートボタンが固まる」という報告: HARには/api/exportのPOSTが30,012ms後に504を返しています。クライアント側は正常で、サーバーがタイムアウトしていました。
対応範囲
エントリは時間とサイズを示しますがボディはデコードしません。HARにはCookieやトークンが含まれ得ます。このツールはファイルを送信しませんが、HAR自体の共有は慎重に。