.htaccessファイルでブラウザキャッシュを設定する。

.htaccessファイルでブラウザキャッシュを設定する。

SEO畑の方達は内部対策で差がつきにくくなってきて、最近ではWebサイトの高速化にチカラを入れ出しているんじゃないでしょうか?
今回は、ワードプレスに限らず使えるブラウザキャッシュを利用したサイト表示の高速化についてです。

サンプルファイル

サンプルなのでそれぞれカスタマイズしてご利用ください。
ファイルタイプと期間を設定しています。

<ifModule mod_expires.c>
	ExpiresActive On
	ExpiresDefault "access plus 7 days"
	ExpiresByType text/html "access plus 3 hours"
	ExpiresByType text/css "access plus 7 days"
	ExpiresByType text/javascript "access plus 7 days"
	ExpiresByType application/javascript "access plus 7 days"
	ExpiresByType application/x-javascript "access plus 7 days"
	ExpiresByType image/jpeg "access plus 1 month"
	ExpiresByType image/png "access plus 1 month"
	ExpiresByType image/gif "access plus 1 month"
	ExpiresByType image/svg "access plus 1 month"
	ExpiresByType image/webp "access plus 1 month"
	ExpiresByType image/x-icon "access plus 1 month"
</ifModule>

※動画重視のサイトの場合、動画系も追加しましょう

ファイルタイプについて

ファイルタイプの種類については、MIMEタイプ(マイムタイプ) + 拡張子 などで検索すると出てきます。
参考 : MIME タイプの不完全な一覧

期間の設定

Googleによると、キャッシュ期間の適正値はコンテンツに応じて1週間〜1年の間がオススメとなっています。
参考記事:ブラウザキャッシュを活用する

seconds
minutes
hours
days
weeks
months
years

キャッシュさせない設定

反対にテストサーバーなどで構築中の場合、キャッシュさせない設定になります。

<Files ~ "\.(html|css|js|php|jpe?g|png|gif|svg|webp|ico)$">
	Header set Pragma no-cache
	Header set Cache-Control no-cache
</Files>