キャッシュ制御の書き方

# キャッシュしない場合
<Files ~ "¥.(html|jpe?g|gif|png|pdf)$">
Header add Pragma "no-cache"
Header set Cache-Control no-cache
</Files>

# キャッシュする場合
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif "access plus 1 months"
ExpiresByType image/jpeg "access plus 1 months"
ExpiresByType image/png "access plus 1 months"
ExpiresByType image/x-icon "access plus 6 months"
ExpiresByType text/css "access plus 1 months"
ExpiresByType text/javascript "access plus 1 months"
ExpiresByType application/javascript "access plus 1 months"
</IfModule>

# mod_pagespeedを使う場合
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters rewrite_javascript
ModPagespeedEnableFilters combine_javascript
ModPagespeedDisableFilters rewrite_images
ModPagespeedDisableFilters inline_images
</IfModule>

Chromeでキャッシュをクリアする方法

  1. Chrome Developer Toolsを起動
  2. ブラウザの更新マークを長押し
  3. 出現する選択肢の「キャッシュの削除とハード再読み込み」を選択