エックスサーバー 機能解説
エックスサーバーのブラウザキャッシュ設定｜サーバーキャッシュとの違いと設定方法を解説【2026年版】
「ブラウザキャッシュ設定って何？サーバーキャッシュと何が違うの？」
この記事ではエックスサーバーのブラウザキャッシュ設定の仕組み、サーバーキャッシュとの違い、設定方法と注意点まで初心者にわかりやすく解説します。
先に結論
- ブラウザキャッシュはデフォルト「ON（全ての静的ファイル）」。そのままでOK。
- サーバーキャッシュは「サーバー側」で保存、ブラウザキャッシュは「読者の端末側」で保存する違いがある。
- 更新が反映されない場合は読者側でブラウザキャッシュをクリアする必要がある。
あわせて読みたい
1. ブラウザキャッシュ設定とは？
ブラウザキャッシュ設定は、サイトのファイルを読者の端末（ブラウザ）側に一時保存させる指示をサーバーから送る機能です。同じサイトへの再訪問時に端末の保存データを使うため、表示が速くなり通信量も減ります。
エックスサーバーでこの設定を有効にすると、サーバーから送るレスポンスに「このファイルはしばらくブラウザ側に保存しておいて」という指示（ExpiresヘッダとCache-Controlヘッダ）が付加されます。
設定はサーバーパネルの「高速化」→「ブラウザキャッシュ設定」から確認・変更できます。
⚙️ キャッシュの保持期間
公式マニュアルによると、設定した各ファイルは最大7日間ブラウザ側に保持されます。7日間は読者が同じファイルにアクセスしてもサーバーへのリクエストが発生せず、端末の保存データで表示されます。
⚙️ 設定できる3つのモード
公式マニュアルに記載の3択から選びます。
- ON（全ての静的ファイル）※推奨：CSS・JS・画像など全ての静的ファイルが対象。デフォルトはこの設定。
- ON（CSS/JavaScript以外）：CSSとJSを除いた静的ファイルのみ対象。テーマのカスタマイズを頻繁に行う場合に選択肢になる。
- OFF：ブラウザキャッシュを無効にする。
結論：デフォルトの「ON（全ての静的ファイル）」のままで問題ありません。エックスサーバーが推奨する設定でもあります。
2. サーバーキャッシュとブラウザキャッシュの違い
「どこに保存するか」が違います。サーバーキャッシュはサーバー側、ブラウザキャッシュは読者の端末側に保存します。両者は別の機能で、それぞれ独立して動作します。
| 項目 | サーバーキャッシュ | ブラウザキャッシュ |
|---|---|---|
| 保存場所 | サーバー側 | 読者の端末（ブラウザ）側 |
| 誰が恩恵を受けるか | 全ての訪問者 | 再訪問した訪問者のみ |
| 保持期間 | 1〜2分（自動消去） | 最大7日間 |
| キャッシュ削除の場所 | サーバーパネル | 読者のブラウザ設定 |
| サーバー負荷軽減 | ✅ 効果大 | ✅ 効果あり |
ブログ運営者が「記事を更新したのに古い内容が表示される」と感じる場合、原因はサーバーキャッシュかブラウザキャッシュのどちらかです。サーバーキャッシュは1〜2分で自動消去されるため、数分経っても直らない場合は読者側のブラウザキャッシュが原因であることが多いです。
結論：サーバーキャッシュとブラウザキャッシュは別の機能です。どちらも有効にしておくことで、訪問者全員と再訪問者の両方に高速化の恩恵を届けられます。
3. 更新が反映されないときの対処法
ブラウザキャッシュを有効にすると、CSSや画像を更新してもすぐに反映されない場合があります。これはブラウザキャッシュの仕様どおりの動作です。
公式マニュアルにも「CSSファイル、JavaScriptファイル、画像ファイルなど対象データの更新がすぐに反映されない可能性があります」と明記されています。
🏆 自分の画面で確認する場合（ブログ管理者）
自分のブラウザのキャッシュをクリアするか、強制リロード（Windows：Ctrl＋Shift＋R、Mac：Command＋Shift＋R）を実行してください。これで最新の状態が表示されます。
⚙️ 読者に古い表示が届いている場合
読者側のブラウザキャッシュに古いデータが残っている状態です。最大7日間のキャッシュ期間が切れれば自動的に最新版が表示されます。緊急の場合は「CSS/JavaScript以外のON」または「OFF」に一時的に変更するか、読者にブラウザキャッシュのクリアを案内する方法があります。
注意：設定変更からサーバーへの反映まで最大15分かかります（公式マニュアル記載）。変更後すぐに確認しても反映されていない場合は、しばらく待ってから再確認してください。
結論：更新が反映されない場合は、まず自分のブラウザを強制リロードして確認しましょう。読者側の問題であれば、最大7日間のキャッシュ期間が切れると自動解消されます。
4. .htaccessで設定済みの場合はどうする？
.htaccessですでにキャッシュ設定をしている場合は、そちらが優先されます。エックスサーバーのブラウザキャッシュ設定と併用しても問題はありませんが、効果が重複するため速度向上は見込めません。
公式マニュアルによると、.htaccessに「Cache-Control」「Expires」「Pragma」「Set-Cookie」が設定されている場合は、.htaccessの設定が優先されます。
この状況に当てはまるのは、W3 Total CacheやWP Super Cacheなどのキャッシュプラグインを使用しているケースです。プラグイン側で既にキャッシュヘッダを出力している場合、エックスサーバーのブラウザキャッシュ設定をONにしても速度改善は限定的です。
結論：キャッシュプラグインを使っていない一般的なWordPressブログであれば、エックスサーバーのブラウザキャッシュ設定をONにすることで確実に恩恵を受けられます。プラグインを使っている場合は設定の重複を認識しておけばOKです。
5. 個人的な結論｜デフォルトのままで十分、仕組みを知っておくと安心
実際にサーバーパネルを確認したところ、デフォルトで「ON（全ての静的ファイル）」が適用されていました。エックスサーバーが推奨する設定がはじめから入っている状態です。
ブラウザキャッシュを有効にして最も気になるのは「更新が反映されない問題」です。ただし自分の管理画面側の確認であれば強制リロードで解消できますし、読者側も7日以内には自動更新されます。
「サーバーキャッシュ」と「ブラウザキャッシュ」を混同しやすいですが、トラブルが起きたときに「どちらの問題か」を切り分けられるだけで対処がずっとスムーズになります。
よくある質問
Q ブラウザキャッシュとサーバーキャッシュは両方ONにすべきですか？
はい、どちらも有効にしておくことをおすすめします。サーバーキャッシュは全訪問者の表示速度改善とサーバー負荷軽減、ブラウザキャッシュは再訪問者の表示速度改善と通信量削減と、それぞれ別の効果があります。エックスサーバーはどちらもデフォルトONになっています。
Q デザインを更新したのに古いCSSが表示されます。どうすればいいですか？
ブラウザキャッシュに古いCSSが残っている状態です。まず自分のブラウザで強制リロード（Ctrl＋Shift＋R）を試してください。それでも直らない場合はブラウザの設定からキャッシュデータを削除してください。読者側の場合は最大7日間で自動更新されます。
Q 「ON（CSS/JavaScript以外）」はどんな場合に使いますか？
CSSやJavaScriptを頻繁に更新するサイト開発中や、テーマのカスタマイズを繰り返している場合に選択肢になります。画像などはキャッシュしつつ、CSSとJSは毎回最新版を読み込ませたい場合に有効です。通常の運用フェーズでは「全ての静的ファイル」のままで問題ありません。
Q キャッシュプラグイン（WP Super Cache等）を使っています。設定はどうすればいいですか？
プラグイン側でキャッシュヘッダを出力している場合、.htaccessの設定が優先されるためエックスサーバーのブラウザキャッシュ設定は実質的に機能しません。設定をONにしたままでも支障はありませんが、速度改善はプラグイン側の設定に依存します。
Q 設定を変更したのにすぐ反映されません。
設定変更からサーバーへの反映まで最大15分かかります（公式マニュアル記載）。変更直後に確認しても反映されていない場合は、15分程度待ってから再度確認してください。
まとめ｜ブラウザキャッシュはデフォルトON、更新反映の問題は強制リロードで解消
この記事では、エックスサーバーのブラウザキャッシュ設定について解説しました。
最終結論：
ブラウザキャッシュはデフォルト「ON（全ての静的ファイル）」。そのままでOK。
更新が反映されないときは強制リロード（Ctrl＋Shift＋R）で確認。
サーバーキャッシュ・ブラウザキャッシュはどちらもエックスサーバーの高速化機能です。それぞれ「サーバー側」「読者の端末側」と保存場所が異なります。トラブル時はこの違いを思い出すだけで原因の切り分けが早くなります。
まだエックスサーバーを契約していない方は、現在キャンペーン期間中で最大30%オフで始められます。
コメント