HARファイルパフォーマンスアナライザー
ガイド
HARファイルパフォーマンスアナライザー
HTTPアーカイブ（HAR）ファイルをアップロードまたは貼り付けて、ブラウザが行ったすべてのリクエストのパフォーマンス分析を即座に取得できます：総転送サイズ、リクエスト数、最遅のエンドポイント、最大のペイロード、ステータスコードの分布およびドメインごとのタイミング。すべてがブラウザ内でパースされ、HARファイルはページから離れることはありません。
使用方法
- Chrome DevToolsを開き、ネットワークタブに切り替え、ページを再読み込み、その後、任意の行を右クリックして「すべてをHARコンテンツとして保存」を選択します。
- .harファイルをアップローダーにドロップするか、JSONをテキストエリアに貼り付けます。
- タイプ、ステータス、トップNフィルターを使用してJavaScript、XHR、エラー、または他のセクションに焦点を当てます。
- サマリー、ステータス分布、タイプごとおよびドメインごとのテーブルを確認し、最も遅いおよび最も大きなリクエストにジャンプして最適化対象を特定します。
- 「CSVダウンロード」をクリックして、Jiraチケット、Slackスレッド、またはパフォーマンス予算トラッカーにフル分析レポートをエクスポートします。
機能
- 集計サマリー – 総リクエスト数、ユニークドメイン数、転送およびコンテンツサイズ、ページスパン、平均／中央値／p90タイミング、および平均TTFB。
- ステータスコード分布 – 2xx / 3xx / 4xx / 5xx / 失敗数を一目で確認し、すぐに破損したアセットを発見できます。
- コンテンツタイプ別パフォーマンス – JavaScript、CSS、画像、フォント、XHR、メディア、HTMLをそれぞれ比較し、総計と平均値を表示します。
- トップドメイン – 第三者ホスティングがリクエスト数、転送バイト、総時間でどの程度支配しているかを確認できます。
- 最も遅いリクエスト – 総時間で順位付けされ、メソッド、ステータス、タイプ、TTFB、サイズが表示され、最適化対象を選びやすいです。
- 最も大きなリクエスト – 転送サイズで順位付けされ、コンテンツサイズと時間も表示され、帯域幅の大きな消費を特定するのに最適です。
- フィルター – 1つのコンテンツタイプまたはステータス階層にズームインしながら、データセットの他の部分を失わずに確認できます。
- CSVエクスポート – 1つのCSVファイルをダウンロードして、共有またはさらに分析に使用できます。
- プライバシー第一 – HARのパースはブラウザ内で100%行われ、サーバーにアップロードされることはありません。
よくある質問
-
HARファイルとは？
HAR（HTTPアーカイブ）ファイルは、W3C Web Performance Working Groupが定義した、ブラウザセッションのネットワーク活動のJSON形式のログです。すべてのHTTPリクエストとレスポンス（URL、メソッド、ステータス、ヘッダー、タイミング、ペイロードサイズ）を記録し、Chrome、Firefox、SafariおよびEdgeのDevTools間で標準的な交換形式です。
-
Time to First Byte（TTFB）は何を測定しますか？
TTFBは、ブラウザがHTTPリクエストを送信し、最初の1バイトのレスポンスを受け取るまでの経過時間です。DNS検索、TCP接続、TLSハンドシェイク、サーバー処理、ネットワーク遅延を含みます。高いTTFBは通常、サーバー側のボトルネックを示しており、クライアント側のレンダリング問題とは異なります。
-
遅延のためのp90を平均値に代える理由は何ですか？
平均値は尾部遅延を隠します：少数の遅いリクエストが多くの高速リクエストによって隠れてしまいます。90パーセンタイル（p90）は、90%のリクエスト以下にある値を報告し、遅い接続やサーバーから遠いユーザーの経験を表面化し、より現実的なパフォーマンスを反映します。
-
転送サイズとコンテンツサイズの違いは何ですか？
転送サイズは、レスポンスヘッダーおよびgzipやBrotliなどの圧縮エンコーディングを含む、実際にネットワークを介して移動したバイト数です。コンテンツサイズは、ブラウザが見ているデコードされたペイロードです。この2つの比較は、あなたの圧縮戦略の効果を明らかにします。
