Google Chrome使ってWeb Siteの表示速度を計測する
Serverの設定を変更しながら、お手軽に表示速度を調査する方法がないものかと調べたときの覚書。
一番簡単なのがGoogle ChromeのDeveloper Toolsを使った方法。
"Network"の下帯にDOMContentLoaded(DOMの読み込み完了)とonload(画像も含め読み込み完了)の時間が表示されるので分かりやすい。
より詳細に分析したい場合は下記のようなChrome Extensions(Plugin)を使うと便利。
PageSpeed Insigts | Google製。Web版もある。100点満点中の何点かをScoreで表示してくれる。 |
Speed Tracer | Google製。タブを監視してJavaScript, CSSの挙動を表示してくれる。Developer Toolsより詳細情報が欲しいときに。 |
YSlow | Yahoo製。表示速度最適化に必要な項目をチェックしてくれる。 |
< Related Posts >