サイトのスピードアップのため、.htaccessにmod_deflate, mod_expires, ETagを設定する。

ちわーす。
Fast is …かっぱふぅ（ @kappafoo ）です。

先日、画像のサイズを小さくしてサイトのスピードアップを図ることを記事にしましたが、今回は.htaccessをイジる記事を載せます。

先日の記事はコチラです。
　⇒　TinyPNGとCaesiumでPNGとJPEG画像のサイズを小さくしよう。

cc licensed ( BY NC ) flickr photo shared by Evan Moss

ということで、今回は.htacccessをイジります．．．.htaccessとは、Apacheを用いたWebサーバにおける設定ファイルです。

この.htaccessをイジることでサイトを速くすることができることをセルティスラボさんの「mod_deflate, mod_expires を使用してHTTP通信データ量を削減」の記事で見つけました。

mod_deflate, mod_expires を使用してHTTP通信データ量を削減 |

どうやら、.htaccessにmod_deflateのコードを追加すればgzip圧縮したhtml等を送信できること、mod_expiresを使用すればブラウザ側のキャッシュの有効期限を設定することができるようです。

ということで、セルティスラボさんの記事にあったdogmap.jpさんの「WordPressサイト用の.htaccess例」の記事を見てみました。

WordPressサイト用の.htaccess例 | dogmap.jp

ここに.htaccessのコードが書かれてましたので、ほとんどそのまま使用させていただきました。

自分への備忘録のために、このサイトのコードを載せておきます。

AddType image/x-icon .ico


SetOutputFilter DEFLATE
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI _\.utxt$ no-gzip
#DeflateCompressionLevel 4
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php



ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/jpg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType text/css "access plus 864000 seconds"
ExpiresByType text/javascript "access plus 864000 seconds"
ExpiresByType application/x-javascript "access plus 864000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 864000 seconds"

 
FileETag none

これで、gzip圧縮とキャッシュの期限の設定ができました。

ちなみに、gzip圧縮ができているかの確認は、次のサイトで確認できます。

GIDZipTest: Web Page Compression (Deflate / Gzip) Test – GIDNetwork