左坊のメモ帳

WordPress など

*

WordPressでhtaccessを使ってブラウザキャッシュとファイル圧縮を有効にする方法

   

PageSpeedで指摘されがちだけど、対策がサクッとできるこの2つ

GoogleAnalyticsで

行動>サイトの速度>速度についての提案

を見てみると、

サイトの速度についての相談ページが開きます。
そこに、「PageSpeed の提案」という欄があるのでクリックしてみると、Googleからの提案が表示されます。

その中で、htaccessへの記述だけで対策できる、けど、結構効果が高い

「ブラウザのキャッシュを活用する」
「圧縮を有効にする」

のやり方です。

ちなみに、15ポイント程度改善しました。

スポンサーリンク

htaccessへの記述

.htaccessファイルに以下の記述を追加しました。
バックアップは必ず取りましょう。
また、修正したhtaccessをアップロードしたら、都度、ブラウザでサイトが正常に表示されるか確認しましょう。

ブラウザのキャッシュを活用する

ExpiresActive On
ExpiresByType text/css "access plus 1 days"
ExpiresByType image/gif "access plus 10 days"
ExpiresByType image/jpeg "access plus 10 days"
ExpiresByType image/png "access plus 10 days"
ExpiresByType text/js "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"

圧縮を有効にする

SetOutputFilter DEFLATE
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
Header append Vary User-Agent env=!dont-vary

 - WordPress