キャッシュによるWEBサイトの速度改善方法!!
http://developers.google.com/speed/pagespeed/insights/
でWEBサイトの判定を行うと、
CSSや画像、javascriptはブラウザのキャッシュを活用しろ!!
と言ってきます。
キャッシュは、
<meta http-equiv=”Expires” content=”日時、秒数”>
や
<meta http-equiv=”Cache-Control” content=””>
といったメタタグで設定を行えます。
ですが、各ページに追加するのは手間がかかるので、.htaccessを使って設定するのが便利です。
方法は.htaccessに以下の記述を行ってやるだけです。
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 30 minutes”
ExpiresByType text/html “access plus 10 seconds”
ExpiresByType image/jpg “access plus 7 days”
ExpiresByType image/jpeg “access plus 7 days”
ExpiresByType image/gif “access plus 7 days”
ExpiresByType image/png “access plus 7 days”
ExpiresByType text/css “access plus 7 days”
ExpiresByType application/pdf “access plus 7 days”
ExpiresByType text/x-javascript “access plus 7 days”
ExpiresByType application/javascript “access plus 7 days”
ExpiresByType application/x-javascript “access plus 7 days”
ExpiresByType application/x-shockwave-flash “access plus 7 days”
ExpiresByType image/x-icon “access plus 7 days”
</ifModule>
キャッシュを持たせる期間はいろいろ推奨があるみたいですが、
ほぼ更新が無いWEBサイトは1ヶ月くらいに設定しておいても良いと思います。
因みに、上記の記述は、Apacheのmod_expiresというモジュールがインストールされている場合にのみ有効になります。
この方法も飛躍的に速度が速くなるわけではないです。
ですが、こういった積み重ねが大事になってきます。
他にも、
ちょっとしたコードを記述した外部ファイルを読み込ませるくらいであれば、
<head>~</head>内辺りにコードを直接書き込む!!
CSSファイルはなるべく1つのファイルにまとめる!!
など他にもいろいろ改善する点はあるので、出来る事はすべてやっておきましょう。