HARキャプチャを調べる

HARファイルはブラウザのリクエスト記録です。誰を呼び・どれだけ時間がかかり・何バイト動いたかを一覧します。

このガイドで使う道具

やりたいこと

ページの不調時にDevToolsはHARを出力できます。読めば、どのリクエストが走り・どれが遅く・4xx/5xxで失敗し・トラフィックがどの程度の重さだったかが分かります。

.harをドロップ

HAR 1.2 JSONを解析し、各エントリのメソッド・ホスト・パス・ステータス・合計ms・転送バイト・MIMEを一覧化します。フィルタとソートで外れ値を探します。

具体例

「エクスポートボタンが固まる」という報告: HARには/api/exportのPOSTが30,012ms後に504を返しています。クライアント側は正常で、サーバーがタイムアウトしていました。

対応範囲

エントリは時間とサイズを示しますがボディはデコードしません。HARにはCookieやトークンが含まれ得ます。このツールはファイルを送信しませんが、HAR自体の共有は慎重に。