ブラウザキャッシュを無効にする .htaccess

キャッシュ、とっても便利で必要不可欠なんですが、開発時のやり取りの時は読み込み直してもなかなか消えないキャッシュはちょっと厄介ですよね。。

そんな時は、.htaccessの末尾にこちらを入力すると、改善します。（不具合が起きないか要確認ではありますが、便利です。）

# DISABLE CACHING
<IfModule mod_headers.c>
    Header set Cache-Control "no-cache, no-store, must-revalidate"
    Header set Pragma "no-cache"
    Header set Expires 0
</IfModule>

<FilesMatch "\.(css|flv|gif|htm|html|ico|jpe|jpeg|jpg|js|mp3|mp4|png|pdf|swf|txt)$">
    <IfModule mod_expires.c>
        ExpiresActive Off
    </IfModule>
    <IfModule mod_headers.c>
        FileETag None
        Header unset ETag
        Header unset Pragma
        Header unset Cache-Control
        Header unset Last-Modified
        Header set Pragma "no-cache"
        Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
        Header set Expires "Thu, 1 Jan 1970 00:00:00 GMT"
    </IfModule>
</FilesMatch>

僕の経験では、このコードを入れると、サーバーによってワードプレスの管理画面がとても重くなったりなどの支障が出る場合がありました。

大丈夫なサーバーもありましたがまだその辺りは未確認中です。

ですが静的サイトではクライアント側にキャッシュが残らないので常に最新を確認いただけ、
更新されてないよーっなんて言うトラブルも防げます。