ウェブサイトのパフォーマンスを測定するツール 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 を利用する設定を追加します。
1
2
3
4
5
6
7
8
| 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 を下記のように設定しました。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
# 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) になりました。
最近のコメント