HARファイルフォーマッター&リクエストインスペクタ
ガイド
HARファイルフォーマッター&リクエストインスペクタ
ブラウザのDevToolsからエクスポートされたHTTP Archive (.har)ファイルをドロップし、すべてのリクエストを並べ替え可能でフィルタ可能なウェイポイントとして表示できます。DNS、接続、SSL、待機、ダウンロードのタイムラグ、および原始的なヘッダー、ボディ、そして任意のリクエストに貼り付ける準備ができているcURLコマンドが含まれます。すべてがブラウザ内で実行され、HARファイルはあなたのマシンに残ります。
使用方法
- ブラウザからHARファイルをエクスポートします。ChromeまたはEdgeでは:DevToolsを開き、 ネットワーク タブに切り替えて、ページロードまたはAPI呼び出しを再現し、その後、任意の行を右クリックして すべてをHARとして保存(コンテンツ付き).
- .harファイルをアップロードエリアにドロップするか、JSONをテキストエリアに直接貼り付けます。
- 検索ボックスとメソッド/ステータス/タイプのドロップダウンを使用して、リクエストリストを絞り込みます。
- ウェイポイント内の任意の行をクリックして、ヘッダー、リクエストおよびレスポンスボディ、フェーズごとのタイムラグ、および同等のcURLコマンドを検証できます。
- cURLコマンドをターミナルにコピーして、ブラウザ外でリクエストを再実行できます。
機能
- 視覚ウェイポイント — 各リクエストがブロッキング、DNS、接続、SSL、送信、待機(TTFB)、受信フェーズをスタックバーとして表示され、高速スキャン用に色分けされています。
- 複数条件フィルタ — URLの部分文字列、HTTPメソッド、ステータス階層(2xx、3xx、4xx、5xx、失敗)、コンテンツタイプ(ドキュメント、XHR、スクリプト、スタイルシート、画像、フォント、メディア)でフィルタできます。
- 個別リクエストインスペクタ — リクエストおよびレスポンスヘッダー、リクエストボディ、レスポンスボディ(JSONの場合自動整形)、フェーズごとのタイムラグ分解、および生成されたcURLワンラインコマンドをタブビューで表示します。
- ページロード要約 — HAR
pagesエントリからDOMContentLoadedおよびloadタイムをリクエストリストと共に表示します。 - 集計統計 — 送信されたバイトの合計、コンテンツサイズの合計、OK/エラー数、およびフィルタされたリクエストセットの経過時間の範囲。
- 100%クライアントサイド — 解析はブラウザ内で行われます。HARデータはサーバーにアップロードされません。
よくある質問
-
HARファイルとは?
HAR(HTTP Archive)は、W3C Web Performanceグループによって標準化されたJSONベースのフォーマットです。これは、セッション中のブラウザのネットワーク活動のスナップショットを記録し、すべてのリクエストとレスポンス、交換されたヘッダー、リクエストおよびレスポンスボディ、接続の各フェーズのタイムラグ、および読み込まれているページに関するメタデータを含みます。ブラウザ、パフォーマンスモニタリングツール、プロキシなどはすべてHARファイルをエクスポートできるため、トレースをさまざまなツール間で共有できます。
-
ウェイポイントのタイムラグフェーズの意味は?
リクエストは7つのフェーズに分割されます。 ブロッキング ブラウザのキューに待機しているか、または可用な接続を待っている時間です。 ドメイン名 DNS ホスト名をIPアドレスに解決する時間です。 接続 TCPハンドシェイクです。 SSL HTTPSリクエストのTCPの上にTLSハンドシェイクです。 送信 リクエストバイトを送信する時間です。 (TTFB、最初のバイトまでの時間) は、リクエストが完全に送信された後、最初のレスポンスバイトが到着するまでの間隔です。 受信 レスポンスボディをダウンロードする時間です。
-
ウェイポイントがパフォーマンスの指標として有用な理由は?
ウェイポイントは、ページロードの重要な経路を一目で見ることができます。長いブロッキングまたはDNSフェーズは接続プールやDNS解決の問題を示唆し、長い待機フェーズはサーバー側の処理が遅いまたはオリジンが不足していることを示します。長い受信フェーズは大きなペイロードまたは遅い最終マイル帯域を示します。多くのリクエストが同じオフセットから開始する階段状のバーは、並列化できるシリアル依存関係を示し、平坦なバーのクラスタはCDNまたはHTTP/2のマルチプレクシングが適切に機能していることを示します。
-
私のHARファイルに空のレスポンスボディがあります。なぜですか?
レスポンスコンテンツはHAR仕様でオプションです。ブラウザは通常、バイナリペイロード(画像、フォント、動画)を省略し、DevTools設定によって大きなテキストレスポンスをトリムすることがあります。Chromeで完全なテキストボディをキャプチャするには、 ログを保存 を有効にし、 すべてをHARとして保存(コンテンツ付き)を選択します。コンテンツが保存された場合でも、クッキー、認証ヘッダー、POSTボディなどのフィールドは機密情報として扱う必要があります — パブリックに共有する前にHARファイルをクリーンアップしてください。
