Page Speed の計測方法について

[wadackel]

質問をしたいAMAブース

• [ ] Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• [ ] AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• [ ] 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• [ ] Fastly のエッジクラウドについて何でも聞いてください by Fastly
• [x] Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• [ ] freeeのアクセシビリティ、いまとこれから by 伊原 力也
• [ ] 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• [ ] デザインとエンジニアリングのワークフローについて語りましょう by Hidemi Atarashi, Kensuke Takada, Masanari Hamada
• [ ] コンポーネント座談会 by pirosikick, 伊藤康太, 加藤佑典

質問

Page Speed を単純に Chrome の Dev Tools で調べると、毎回ネットワーク速度に依存して正確なデータが取れない。 上手く計測していく方法について教えてください。また何を使って計測していますか?

[wadackel]

回答

基本的な考え方として、条件を固定化した環境から計測する、という点が重要です。

SpeedCurve では内部的に WebPagetest というツールを使用しています。 これはパフォーマンスを計測したいページに定期的にアクセスする仕組みになっています。 ページへアクセスする際に、Chrome のバージョンや、ネットワーク速度 (適宜 Throttling されている) という条件を固定することで、定量的な計測を可能にしています。

ただしネットワークを通す関係上、どうしても各計測で数値がぶれてしまいます。 その為、複数回の計測で平均値を算出する仕組みが組み込まれたツールを使用することが望ましいです。

---

以下、@ahomu からツールについての補足があります。