WEB制作 PR

キャッシュによるWEBサイトの速度改善方法!!

キャッシュによるWEBサイトの速度改善方法!!
記事内に商品プロモーションを含む場合があります

キャッシュによる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つのファイルにまとめる!!
など他にもいろいろ改善する点はあるので、出来る事はすべてやっておきましょう。