こんにちは、孔雀です。
今日は、PageSpeed Insightsでブログの表示速度を診断した後に出てくる「ブラウザのキャッシュを活用する」の修正方法について書いていきたいと思います。
要は、ブラウザのキャッシュを利用すれば早く表示できるから、そのように設定してね、ということです。
今回も「「圧縮を有効にする」を修正する方法」でやったように、サーバー内にある「.htaccess」に直接書き込んで設定します。
.htaccessファイルに直接書き込んで修正する方法
私はエックスサーバーを使っているので、エックスサーバーでの設定で説明します。
エックスサーバーでは、サーバーパネルから直接書き込んでアップロードができます。
エックスサーバーにログインしてサーバーパネルを開きます。
そのページにある[.htaccess編集]をクリック、[.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を編集する（確認）]をクリック、[.htaccessを編集する（確定）]をクリックして完了です。
4/8のPC作業時間は8時間30分
