YSlowはFirefoxのアドオンだ。WebブラウザにはFirefoxを用意する必要がある。できれば2系の最新版を用意したい。次に、YSlowのベースとなるFirebugをインストールし、その後でYSlowをインストールする。すべてインストールしたらFirefoxを再起動する。

FirebugをインストールするとFirefoxのToolsメニューにFirebugというメニュー項目が追加される。同項目に「Open Firebug」とか「Open Firebug in New Window」といったメニュー項目があるので、これを選択すればFirebugの画面が表示される。

Firefox Toolsメニュー→Firebug→Open Firebug in New Window でFirebugが別ウィンドウで起動する

別ウィンドウに表示されたFirebugの画面

YSlowがインストールされていれば、画面に「YSlow」の文字が表示されているはずだ。「YSlow」をクリックすればメニュー表示がYSlow用に切り替わる。YSlow表示になると、メニューに「Performance」「Stats」「Components」「Tool」「Help」といった項目が表示される。ここで「Performance」をクリックすればページの評価がはじまる。基本的にはこれがYSlowの操作基本だ。ためしにYSlow Add-onsのページを計測すると次のようになる。

YSlowのPerformanceボタンを押して計測が開始されたところ

計測結果 - 13の項目でチェックされている - 総合評価59点

計測結果は13項目で表示される。右端の三角形のポッチをクリックすると詳細な情報が表示される。たとえば項目10なら、__utm.jsとaddons.jsが(YUI Compressorなどを使って)縮小化できるのではないかという分析結果がでてきることがわかる。