記事の詳細
表示が遅いホームページの表示速度を改善するためにブラウザのキャッシュと圧縮を有効にする
前回の記事
「表示が遅いサイトは検索結果で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点です!ステータスも赤から黄色になりました。
スマホに関してはあと一息・・・
パソコンはステータスが黄色になりましたが、スマホはまだ赤のままです。
次は画像の最適化をしてみたいと思います。
コメント
この記事へのトラックバックはありません。
この記事へのコメントはありません。