.htaccessを設定してみた

投稿日

GTmetrixで弊ブログのパフォーマンスをチェックしてみたところ、圧縮が効いてない点とキャッシュ期間が設定されてない点を指摘されたので.htaccessを使って設定してみた。設置した.htaccessは以下の通り。

.htaccess
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<IfModule mod_deflate.c>
	SetOutputFilter DEFLATE

	BrowserMatch ^Mozilla/4\.0[678] no-gzip
	BrowserMatch ^Mozilla/4 gzip-only-text/html
	BrowserMatch \bMSIE\s(7|8) !no-gzip !gzip-only-text/html

	Header append Vary Accept-Encoding env=!dont-vary

	# 画像は再圧縮しない
	SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary

	# 圧縮設定
	AddOutputFilterByType DEFLATE text/plain
	AddOutputFilterByType DEFLATE text/html
	AddOutputFilterByType DEFLATE text/xml
	AddOutputFilterByType DEFLATE text/css
	AddOutputFilterByType DEFLATE text/js
	AddOutputFilterByType DEFLATE image/svg+xml
	AddOutputFilterByType DEFLATE application/xml
	AddOutputFilterByType DEFLATE application/xhtml+xml
	AddOutputFilterByType DEFLATE application/rss+xml
	AddOutputFilterByType DEFLATE application/atom_xml
	AddOutputFilterByType DEFLATE application/javascript
	AddOutputFilterByType DEFLATE application/x-javascript
	AddOutputFilterByType DEFLATE application/x-httpd-php
</IfModule>

<IfModule mod_expires.c>
	ExpiresActive On

	# キャッシュの初期化
	ExpiresDefault "access plus 10 seconds"

	# 個別の設定
	ExpiresByType text/js "access plus 1 weeks"
	ExpiresByType text/javascript "access plus 1 weeks"
	ExpiresByType application/javascript "access plus 1 weeks"
	ExpiresByType application/x-javascript "access plus 1 weeks"

	ExpiresByType image/gif "access plus 1 weeks"
	ExpiresByType image/jpeg "access plus 1 weeks"
	ExpiresByType image/png "access plus 1 weeks"
	ExpiresByType image/svg+xml "access plus 1 weeks"
	ExpiresByType image/x-icon "access plus 1 weeks"
	ExpiresByType image/vnd.microsoft.icon "access plus 1 weeks"

	ExpiresByType application/x-font-ttf "access plus 1 months"
	ExpiresByType application/x-font-woff "access plus 1 months"
	ExpiresByType application/x-font-opentype "access plus 1 months"
</IfModule>

主に「.htaccess の書き方（スピードアップ編）」を参考にさせて頂いた。本当はCSSも1週間以上キャッシュさせてもいいんだけど、まだいろいろいじっているページなのでとりあえずはデフォルトに設定した10秒のままにしておいた。

少しきびきびロードされるようになった気がするのでしばらく様子見ですね。