読者です 読者をやめる 読者になる 読者になる
【スポンサーリンク】

【PageSpeed Insights】.htaccessを修正するだけで大幅にサイトの速度を向上【圧縮を有効にする+ブラウザのキャッシュを活用】

.htaccessに下記を足すとPageSpeed Insightsのスコアが20ほど増えた。
これに加えてPageSpeed Insightsに指摘された画像を適切なサイズに落とせば、ほぼ確実に緑スコアになるんじゃなかろうか。
(もちろん重たいJavascriptが動いてたり、サーバのスペックが足りてない場合などはダメだが…)

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

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/opentype font/ttf font/eot font/otf
</IfModule>

ちなみに、これらはPageSpeed Insightsの「圧縮を有効にする」と「ブラウザのキャッシュを活用」の対策になっている。

参考文献
http://www.hirok-k.com/blog/2606.html
http://ittoybox.com/archives/253

【スポンサーリンク】