WordPress .htaccessでCache-Controlヘッダーによるブラウザキャッシュの設定方法

概要説明

.htaccessを使ったブラウザキャッシュ設定。拡張子ごとに有効期限の設定が行えます。キャッシュ対象ファイルのリクエストパラメーターを変更することでキャッシュクリアが行えるのでパラメーターを管理画面から変更できるようにするカスタマイズもおすすめです。

有効期限の時間指定の例

1日

86400秒

1週間

604800秒

1ヶ月(30日)

2592000秒

1年(365日)

31536000秒

画像は同一ファイル名で更新しない場合(差し替え時はファイル名を変更)

.htaccess
# 画像ファイルを1年間ブラウザにキャッシュさせる
<FilesMatch "\.(jpg|jpeg|gif|png|svg|svgz|webp|ico|bmp|woff|woff2|ttf|otf)$">
Header set Cache-Control "max-age=31536000"
</FilesMatch>

 

キャッシュさせたくない場合

.htaccess
<FilesMatch "\.(css|js)$">
Header set Cache-Control no-cache
Header set Pragma no-cache
</FilesMatch>

任意のタイミングでキャッシュを削除できるようにしておく

上記ページ内の修正でcss,javascriptファイルのパラメーターに日付を付けてキャッシュを簡単に更新できるようにしておくと便利です。

キャッシュクリアをパラメーターで設定できる環境の場合

.htaccess
# 画像ファイルを1年間ブラウザにキャッシュさせる
<FilesMatch "\.(jpg|jpeg|gif|png|svg|svgz|webp|ico|bmp|woff|woff2|ttf|otf)$">
Header set Cache-Control "max-age=31536000"
</FilesMatch>
# css,javascriptファイルはを1週間ブラウザにキャッシュさせる
<FilesMatch "\.(css|js)$">
Header set Cache-Control "max-age=604800"
</FilesMatch>

関連機能

  1. WordPressで特定のCSS や JS を読み込ませないようにする

  2. コメント機能を無効にする

  3. WordPress REST API を無効化 ( 管理者ログイン時、Contact Form 7 プラグイン利用時は有効 )

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

三次元に希望を持っていた時期が
僕にもありますた

STEINS;GATE
by ダル(橋田至)

Profile

PAGE TOP
Amazon プライム対象