YSlow 対策

Vaduz — Sun, 16 Nov 2008 10:41:10 +0000

ウェブサイトのパフォーマンスを測定するツール YSlow を使ってこのブログのパフォーマンスチューニングをしてみました。
必要なツールは

の 3 つをインストールします。
何も対策していない状態での Performance Grade は D でした。
対策したのは評価 F だった以下の 4 つ

2. Use a CDN
3. Add an Expires header
4. Gzip components
13. Configure ETags

2. Use a CDN

根本的な対策になってませんが、Firefox の設定でこのドメインを CDN として設定してしまいます。

Firefox のアドレスバーに about:config を入れて開きます
右クリックして新規作成から新しい文字列を選択します
設定名を extensions.firebug.yslow.cdnHostnames とします
CDN のホスト名をカンマ区切りで入力します。vaduz.tk など

これで評価が A になります。

3. Add an Expires header, 13. Configure ETags

この二つは同じなので一緒に解説します。
httpd.conf に ETags を利用する設定を追加します。

LoadModule expires_module modules/mod_expires.so
ExpiresActive On
FileETag None
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"

適切な場所に追加したら設定を再読込します。

$ /etc/init.d/httpd reload

これで両方とも評価は A になります。

4. Gzip components

Apache の mod_deflate モジュールを使って HTTP 通信を圧縮します。
/etc/httpd/conf.d/deflate.conf を下記のように設定しました。

 
# DEFLATEの有効化
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/x-javascript
 
# 送信先ブラウザがNetscape 4.xの場合はtext/htmlのみ圧縮
BrowserMatch ^Mozilla/4 gzip-only-text/html
 
# 送信先ブラウザがNetscape 4.06-4.08の場合は圧縮しない
BrowserMatch ^Mozilla/4\.0[678] no-gzip
 
# 送信先ブラウザがMSIEの場合は全て圧縮する
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
 
# プロキシサーバーが圧縮未対応ブラウザへ圧縮ファイルを送信しないようにする
Header append Vary User-Agent env=!dont-vary

これで評価 A になりました。

総合で A(97) になりました。

vaduz.tk blog » Firebug

YSlow 対策

2. Use a CDN

3. Add an Expires header, 13. Configure ETags

4. Gzip components