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

PageSpeed Insightsで「ブラウザのキャッシュを活用する」方法を記載します。

プラウザのキャッシュを活用するにはApacheのモジュール、mod_expiresを利用します。mod_expiresはApacheのモジュールとして組み込まれています。このmod_expiresを利用することで体感的にも早くなり、負荷軽減にもつながります。

このブラウザのキャッシュを活用する設定には.htaccessを利用します。

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

.htaccessに記述する際は改行コードに気をつけて下さい。またダブルクォート「”」は「”」半角にしないとサーバエラーを起こしますので、気をつけて下さい。

ExpiresActive Onはmod_expiresを使用するという宣言になります。

そのあとはファイルタイプごとにキャッシュ保存期間を設定していくイメージです。.htaccessをサーバにアップロードしたらPageSpeed Insightsで確認してください。「ブラウザのキャッシュを活用する」項目が解決されているはずです。

もし、解決しなければApacheのモジュールを確認してください。