プログラミング逆引き辞典

~ 多言語対応のプログラミングレシピ ~

Leverage browser cachingの改善方法

GTmetrixで自身のサイトの速度評価を計測すると「Leverage browser caching」が対策できていないことがわかった
その際の対処法を解説する
 
 

「Leverage browser caching」とは?

一言で言うとブラウザキャッシュの設定
サイトを初回訪問したユーザーが自身のブラウザにキャッシュとして画像等を保存してもらうことで、次回のサイト訪問時にページ表示が軽くなるようにする為の設定
 
 


 

「Leverage browser caching」の設定方法

「.htaccess」ファイルに下記を追記すれば良い
※WordPressを使用している場合、「.htaccess」ファイルはルートディレクトリに存在する(無ければ作成する)
 
例)デフォルトのキャッシュ有効期限を7日とし、CSSファイルを1日とする設定


<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 7 days"
ExpiresByType text/css "access plus 1 day"
</IfModule> 

 
 


 

改善前後の比較

・改善前

 
・改善後