【ワードプレス】htaccessでキャッシュ制御したらサイトの表示速度が劇的に向上した件

タイトルの通りなんですが、htaccessを使ってcssなどキャッシュを利用するように設定したらサイトの表示速度が体感でも向上したって話しです。

 

もともと記事にしようとか思ってなかったのでスクショなどまったくありません。

とりあえず僕がやったことは

 

  1. FTPにアクセスしwp-adminやwp-contentなどと同じ階層にあるhtaccessファイルをダウンロード
  2. バックアップフォルダを新規に作り、ダウンロードしたhtaccessファイルを複製
  3. htaccessファイルに以下の記述を追加
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpg "access 1 weeks"
    ExpiresByType image/jpeg "access 1 weeks"
    ExpiresByType image/gif "access 1 weeks"
    ExpiresByType image/png "access 1 weeks"
    ExpiresByType text/css "access 1 weeks"
    ExpiresByType application/pdf "access 1 weeks"
    ExpiresByType text/x-javascript "access 1 weeks"
    ExpiresByType application/x-shockwave-flash "access 1 weeks"
    ExpiresByType image/x-icon "access 1 weeks"
    ExpiresDefault "access 2 days"
    </IfModule>
  4. 再度FTPよりアップロード
  5. サイトをチェックしてエラーが出た場合は速やかに複製したファイルを上げて復元し、編集を繰り返す。

※注意点 利用しているウェブサーバーの仕様がapache2以上じゃないと使えません。

 

たったこれだけです。

参考にしたサイトは

.htaccessをWordPressで徹底活用 | CSSPRO

WordPressサイト用の.htaccess例 | dogmap.jp

このあたり。

 

僕のWPサイトはプラグイン満載でスタイルシートも複数あったりと読み込みに時間がかかってたので実装してみましたが、かなり早くなりました。

Googleさんのサイト表示速度やユーザーエクスペリエンスを測るPageSpeed Insightsこちらのサイトでもキャッシュを使え!と怒られていましたが、今は考慮してくださいねと言い方が少しやわらかくなりました。

 

htaccessの仕組みとか他の使い方などは上の参考サイトで詳しく説明されています。

ウェブマスターさんで最近サイトが重いなあとお悩みの方は一度試してみてはいかがでしょうか?