前回の記事

「表示が遅いサイトは検索結果でSlowと表示されるようになるかもしれません」

で弊社のサイトはPageSpeed Insightsで44点と散々な結果となってしまいましたので、改善を実施してみました。

点数が19点上昇しましたので、その手法を紹介したいと思います！

今回はどちらも.htaccessに記述を追加して、FTPでアップロードするだけで解決する方法です。

対策1：「ブラウザのキャッシュを活用する」

.htaccessをテキストエディタで開いて、以下の内容を追加してください。

# PageSpeed Insights 「ブラウザのキャッシュを活用する」対策
ExpiresActive On
ExpiresByType text/css "access plus 1 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"

対策2：「圧縮を有効にする」

.htaccessをテキストエディタで開いて、以下の内容を追加してください。

# PageSpeed Insights 「圧縮を有効にする」対策
ExpiresActive On
ExpiresByType text/css "access plus 1 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"

あとはホームディレクトリにアップロードするだけ

上記の対策1、対策2を記述した.htaccessファイルが完成したら、FFFTPなどのFTPツールでWordPressがインストールされているホームディレクトリに作成した.htaccessをアップロードしてください。

これで対策は終わりです。

再びPageSpeed Insightsで確認

だったのが・・・

スマホに関しては44点から63点になりました！

パソコンのほうは点数見えていませんが、82点です！ステータスも赤から黄色になりました。

スマホに関してはあと一息・・・

パソコンはステータスが黄色になりましたが、スマホはまだ赤のままです。

次は画像の最適化をしてみたいと思います。