ヒストグラムで理解するユーザー体験
平均パフォーマンススコアは誤解を招きます。ユーザー体験の実態を隠してしまいます。あるユーザーが1秒でサイトを読み込み、別のユーザーが9秒かかった場合、平均値は5秒になります。この数値は、どちらのユーザーの体験も表していません。ヒストグラムは、読み込み時間の全体的な分布を可視化することで、真実を明らかにします。

このチャートは、単一の指標から全体像へと視点を移します。外れ値やロングテール、そして体験が悪化している特定のユーザー層を浮き彫りにします。
ヒストグラムが明らかにするもの
ヒストグラムは、パフォーマンスデータをバケットにグループ分けし、頻度を示します。
- X軸(バケット):パフォーマンススコアの範囲(例:0-1秒、1-2.5秒)。
- Y軸(ボリューム):各バケットに該当するページビュー数。棒の高さは、その体験がどれだけ一般的であるかを示します。
- パーセンタイル(p75、p90、p99):ユーザーの大部分がどこに位置しているかを示すマーカーです。p75のラインは、トラフィックの75%がこの地点よりも高速であることを示します。
ヒストグラムで問題を診断する方法
健全なヒストグラムは、左側の高速なバケットにユーザーが集中し、そこから急激に減少します。それ以外の形状は、調査が必要な危険信号(レッドフラッグ)です。
- ロングテール:グラフが右側に長く伸び、低い棒が続いている部分を探してください。これは、パフォーマンスが極めて悪いユーザーの「ロングテール」を表しています。多くの場合、古いデバイスや低速なネットワークを使用しているユーザーです。このテールを最小限に抑えることで、p95およびp99のスコアが改善します。

対策:JavaScriptの実行時間やアセットサイズを削減し、制限された環境への最適化に注力してください。 -
二峰性分布(ダブルピーク) チャートの中に2つの明確なピークがないか確認してください。これは、2つの異なるユーザー体験が存在することを示しています。多くの場合、モバイル対デスクトップ、あるいはキャッシュあり対キャッシュなしのページなど、セグメンテーションの問題が原因です。

対策:フィルターを使用して変数を特定します。 デバイスタイプ、ログイン状態、国などでフィルタリングを行い、いずれかのピークが消えるディメンションを見つけてください。これで、そのユーザーコホート全体における問題の根本原因を特定したことになります。
Core Web Vitalsの最適化
ヒストグラムを使用すると、最も遅いユーザーの実態と向き合うことになります。分布の分析は、一般的な最適化から、p75スコアを向上させビジネス成果をもたらすピンポイントの改善へと移行するための鍵となります。

