6章パフォーマンスモニタリングの継続的な実施
ユーザエクスペリエンスの最新状態を知るには、ベンチマークが欠かせません。ですがベンチマークの役割はそれだけにとどまりません。ベンチマークは、パフォーマンスの変化を引き起こす原因を、時間経過ごとに示す役割も果たします。総ページロード時間や総ページ容量、Speed Indexを活用したユーザの体感速度など、さまざまな尺度で表示速度を定期的に測定していくと、サイトの表示速度が遅くなるタイミング（うまくいけばその原因も）が発見できるようになります。表6-1には、サイトパフォーマンスのベンチマークに活用できる主なツールをまとめています。本章ではこれらのうち多くを取り上げます。
表6-1 ベンチマークツールのまとめ
| ツール | 種類 | ベンチマーク | 測定時期 |
|---|---|---|---|
| YSlow | ブラウザプラグイン | 全体的な評価、提案 | サイト開設時、その後3か月に1回 |
| Chrome DevTools | ブラウザプラグイン | 提案、ウォーターフォールチャート、フレームレート | サイト開設時、その後3か月に1回 |
| WebPagetest | シンセティックモニタリング、全体的な評価、提案、ウォーターフォールチャート、Speed | Index | 大規模な更新や試験の実施時 |
| Catchpoint | Gomez、wpt-script等 | シンセティックモニタリング、サイトパフォーマンスの動向を時間経過で確認する | 毎月 |
| Google Analytics、mPulse、Glimpse等 | リアルユーザモニタリング | サイト訪問者に関する各種統計データにもとづく平均読み込み時間 | 毎週 |
年数が経ち変化していくにつれて、サイトのパフォーマンスが改善したり低下したりする機会は数多く訪れます。表6-1に挙げたブラウザプラグインや総合テスト、リアルユーザモニタリングを活用して、サイトを測定し、その値を継続的に監視することが不可決です。 ...
Get パフォーマンス向上のためのデザイン設計 now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
