Google Chrome使ってWeb Siteの表示速度を計測する

check_site_speedServerの設定を変更しながら、お手軽に表示速度を調査する方法がないものかと調べたときの覚書。

一番簡単なのがGoogle ChromeのDeveloper Toolsを使った方法。

"Network"の下帯にDOMContentLoaded(DOMの読み込み完了)とonload(画像も含め読み込み完了)の時間が表示されるので分かりやすい。

image

より詳細に分析したい場合は下記のようなChrome Extensions(Plugin)を使うと便利。

PageSpeed Insigts Google製。Web版もある。100点満点中の何点かをScoreで表示してくれる。
Speed Tracer Google製。タブを監視してJavaScript, CSSの挙動を表示してくれる。Developer Toolsより詳細情報が欲しいときに。
YSlow Yahoo製。表示速度最適化に必要な項目をチェックしてくれる。

 

< Related Posts >