全然反映されないんだけど…これってバグ?
表示が古いままになっちゃうこと、意外と多いんだよね。
Xserverの設定とか難しそうだし。
この記事では“Xserverのキャッシュを確実に削除する方法”を分かりやすくまとめてるから、
安心して!
◆ 【STEP1】まずは簡単!ブラウザとプラグインのキャッシュを削除
◆ 【STEP2】Xserverサーバーパネルからキャッシュを削除する方法
◆ それでも直らない?キャッシュが残るときのチェックリスト
◆ 自動でラクに!キャッシュクリアの設定を最適化しよう
◆ 【Q&A】キャッシュクリアでよくある質問と解決策
「WordPressのデザインを変更したのに反映されない…」「何度更新しても古い表示のまま」
そんな経験、ありませんか?それ、キャッシュの影響かもしれません。
Xserverでは表示速度を速くするためにキャッシュ(=一時保存データ)が使われていますが、うまく削除できていないと新しい変更が反映されないことがあるんです。
この記事では、Xserverでキャッシュを確実に・安全にクリアする方法を、初心者の方にもわかりやすく解説します。
ブラウザ側の削除から、Xserverサーバーパネルでの設定、よくあるエラーの対処法まで、最短5分でできる手順をまとめました。
「早く元通りに表示させたい!」という方は、このまま順番に読み進めてみてくださいね。
キャッシュが原因?サイト変更が反映されない理由とは
よくある症状|表示崩れ・デザインが更新されないなど
「CSSを編集したのに見た目が変わらない…」「画像を差し替えたのに、なぜか古いまま」
そんな現象が起きているとしたら、キャッシュが表示に影響している可能性が高いです。
実際にXserverを使っていると、以下のような「変わってるはずなのに変わって見えない」という症状がよく起こります。
よくある症状 | 原因となる可能性 |
---|---|
デザインを変更したのに反映されない | ブラウザキャッシュ or サーバーキャッシュが残っている |
画像を差し替えても古い画像が表示される | キャッシュに旧ファイルが保存されている |
表示崩れ(レイアウトが一部おかしい) | CSSやJSの古い情報が読み込まれている |
これらはバグや設定ミスではなく、一時的に保存された“キャッシュ”が表示を妨げているだけのことがほとんどです。
逆に言えば、キャッシュを正しくクリアすれば一発で解決することも少なくありません。
Xserverにおけるキャッシュの2つの種類を知ろう
Xserverでキャッシュに関わるのは、主に以下の2種類です。
キャッシュの種類 | 説明・役割 | 影響する場所 |
---|---|---|
ブラウザキャッシュ | Webブラウザが画像やCSSなどを一時保存する機能。 | ローカル(閲覧者の端末) |
サーバーキャッシュ | Xserver側が自動で生成する静的データの保存機能。 | サーバー内部の処理 |
🔹 ブラウザキャッシュ
読者(または自分)がページを開いたとき、前回表示したときのデータが一時的に端末に保存される仕組みです。これにより表示は速くなりますが、更新後の新しいファイルが読み込まれないことがあります。
🔹 サーバーキャッシュ(Xserver)
Xserverの「Xアクセラレータ」などの機能により、ページ全体を高速表示するために生成されたデータを保存するしくみです。
ただし、これも更新時にクリアしないと、変更が反映されない状態になることがあります。
つまり、サイト変更が見た目に反映されないときは、どちらか、または両方のキャッシュが残っているのが原因です。
次の章からは、具体的なキャッシュの削除方法(STEP1〜STEP2)を順に解説していきます!
【STEP1】まずは簡単!ブラウザとプラグインのキャッシュを削除
キャッシュ削除と聞くと難しそうに感じるかもしれませんが、まずは“手元の表示”を一度リセットすることが大切です。
特に、ブラウザやWordPressのプラグインが保存しているキャッシュを削除するだけでも、意外とあっさり解決することがよくあります。
ここでは、初心者でも迷わずできるキャッシュ削除の方法を、順を追って解説していきます。
ブラウザキャッシュの削除手順(PC・スマホ別)
まずは、お使いの端末(パソコン or スマホ)で、ブラウザのキャッシュを削除してみましょう。
これは“今見ているページの最新データを強制的に再読み込みさせる”ための方法です。
💻 パソコンの場合(Chrome/Edge/Firefox共通)
操作 | キーボードショートカット |
---|---|
Windows | Ctrl + F5 または Ctrl + Shift + R |
Mac | Command + Shift + R |
👉 これでページを「強制再読み込み」できます。
それでも直らない場合は、以下の手順でキャッシュ自体を完全に削除してみましょう。
Chromeでの手順(PC共通):
- ブラウザ右上の「︙(メニュー)」をクリック
- 「設定」→「プライバシーとセキュリティ」→「閲覧履歴データの削除」
- 「キャッシュされた画像とファイル」にチェック
- 「データを削除」をクリック
📱 スマートフォンの場合(iPhone / Android)
iPhone(Safari):
- 「設定」アプリ → Safari
- 「履歴とWebサイトデータを消去」をタップ
Android(Chrome):
- Chromeアプリ → メニュー「︙」→「履歴」→「閲覧履歴データを削除」
- 「キャッシュされた画像とファイル」にチェック → 削除
✅ キャッシュ削除後は、再度ページを開いて変更が反映されているか確認してみてくださいね。
WordPressプラグインのキャッシュをクリアする方法
もしWordPressでキャッシュ系のプラグイン(LiteSpeed Cache、W3 Total Cache、WP Fastest Cacheなど)を使っている場合、そちらのキャッシュも忘れずに削除しておきましょう。
以下は代表的なプラグインごとの削除方法です。
🔹 LiteSpeed Cache の場合
- WordPress管理画面 → 上部メニューにある「LiteSpeed」マークをクリック
- 「すべてのキャッシュをパージ」を選択
🔹 W3 Total Cache の場合
- 管理画面 → 上部ツールバーの「Performance」
- 「Empty All Caches」をクリック
🔹 WP Fastest Cache の場合
- 管理画面 → 左メニュー「WP Fastest Cache」
- 「Delete Cache」→「Delete Cache and Minified CSS/JS」をクリック
🔍 プラグインの種類によって、メニューの場所や表示が異なる場合があります。「キャッシュ」「パージ」「削除」などの項目があるかを探してみてください。
ここまでで、ブラウザ側とWordPress側の“手元のキャッシュ”をすべてクリアできました。
これでも変化がない場合は、サーバー側のキャッシュが残っている可能性があります。
次は「【STEP2】Xserverサーバーパネルからキャッシュを削除する方法」で、より本質的な対処に進んでいきましょう!
【STEP2】Xserverサーバーパネルからキャッシュを削除する方法
ブラウザやプラグインのキャッシュを削除しても表示が変わらない場合、サーバー側に保存されているキャッシュが原因の可能性が高いです。
Xserverでは「Xアクセラレータ」などによって、ページ表示を高速化する仕組みが組み込まれており、これがキャッシュとして働いています。
この章では、Xserverサーバーパネルから確実にキャッシュを削除する手順を解説していきます。
サーバーパネルにログインする手順
まずはXserverのサーバーパネルにアクセスしましょう。
以下の手順で簡単にログインできます。
- Xserverアカウント(旧インフォパネル) にログイン
- 「契約一覧」から対象のサーバーを選び、「サーバーパネル」ボタンをクリック
- 自動ログインまたはパスワード入力で、サーバーパネルに入れます
💡ログインできない場合は、登録時に送られてきた「サーバーアカウント設定完了のお知らせ」メールに記載されている情報を確認してください。
「サイト高速化設定」でキャッシュをクリアする流れ
サーバーパネルに入ったら、以下の手順でサーバーキャッシュを削除します。
- サーバーパネルのメニューから「サイト高速化」をクリック
- ドメイン一覧が表示されるので、キャッシュを削除したいドメインを選択
- 「キャッシュ削除」というボタンがあるのでクリック
- 「削除が完了しました」と表示されたらOK!
✅ たったこれだけで、Xserver側のキャッシュはすべてクリアされます。
※「Xアクセラレータ Ver.2」が有効になっている状態でも、この手順で一時的にキャッシュを削除できます。
削除後にすべき表示確認ポイント3つ
キャッシュを削除したあとは、実際に更新が反映されているかをしっかり確認しておきましょう。
以下の3つは必ずチェックしておきたいポイントです。
チェック項目 | 内容 |
---|---|
① 見た目が変わったか? | デザインや画像など、変更した箇所が反映されているかブラウザで確認しましょう。 |
② 強制リロードを試す | キャッシュ削除後でも、手元のブラウザが古い情報を見ていることがあります。Ctrl+F5 や Shift+再読み込み を再度試してみましょう。 |
③ スマホなど他の端末でも確認 | 自分のPC以外の端末(スマホや別ブラウザ)で見ることで、本当に全ユーザーに反映されているかがわかります。 |
🔍 反映に多少の時間差が出る場合もあります(特に画像やCDN使用時)。気になる場合は5〜10分ほど置いて再確認してみてください。
ここまで実施すれば、Xserver側・ブラウザ側・WordPress側のキャッシュをすべてクリアできた状態になります!
それでも表示に違和感がある場合は、さらに踏み込んで「設定の競合」や「CDNの影響」などをチェックしていく必要があります。
次章「それでも直らない?キャッシュが残るときのチェックリスト」では、さらに深掘りした確認ポイントを解説します。
それでも直らない?キャッシュが残るときのチェックリスト
ここまでの手順をすべて試しても、まだ表示が変わらない…。
そんな場合は、キャッシュ以外の設定が原因で反映が遅れている可能性があります。
ここでは、Xserverならではのよくある見落としポイントや、一歩踏み込んだ確認項目をまとめました。
念のため、以下のチェックリストを1つずつ確認してみましょう。
Xアクセラレータとプラグインの競合を見直そう
Xserverには「Xアクセラレータ Ver.2」という高速化機能が標準で搭載されています。
一方で、WordPress側でもキャッシュ系プラグイン(LiteSpeed CacheやW3TCなど)を使っていると、処理が二重になって不具合が起きることがあります。
たとえばこんなケースが該当します:
- プラグインでminify(CSS/JSの圧縮)しているのに、Xアクセラレータでも同様の処理が有効になっている
- 両方で「ブラウザキャッシュ制御」がONになっていて、古いファイルが強制的に読み込まれる
🔧 解決のポイント:
- どちらか一方のキャッシュ機能に絞るのがおすすめです
(例:XアクセラレータはON、WordPress側のキャッシュプラグインは停止) - 特にLiteSpeed Cacheを使っている場合、サーバー設定と密接に絡むため、相性確認が重要です
CDNやHTTP/3が影響している可能性もあり
CDN(Content Delivery Network)を利用している場合、世界中のサーバーにデータがキャッシュされているため、キャッシュの更新に時差が生じることがあります。
また、HTTP/3やQUICプロトコルを有効にしていると、一部のブラウザではキャッシュ処理が異なる場合があり、表示がズレることも。
🔍 こんなときは?
- CDN(Cloudflareなど)を使っている場合は、CDN管理画面でキャッシュのパージ(削除)を試してみてください
- Xserverの「HTTP/3設定」がONになっている場合、一時的にOFFにして挙動を比べてみるのも1つの手です
反映に時間がかかるケースとその対処法
意外と盲点になりやすいのが、キャッシュクリア後の“タイムラグ”です。
特に画像やスタイルシートの更新は、数分〜10分程度の遅延で反映されることもあります。
これは以下の理由で発生します:
- CDNサーバーやローカルDNSの影響
- サーバー内部のキャッシュが順次クリアされる仕様
- WordPressのテーマやプラグインが内部でキャッシュを保持している
💡 対処法:
- キャッシュ削除後、再読み込みではなく“シークレットモード”や“別ブラウザ”で確認する
- それでも反映されないときは、10分ほど待ってから再確認してみましょう
チェックリストまとめ
チェック項目 | 対応策例 |
---|---|
Xアクセラレータとプラグインが競合していないか | 一方のキャッシュ機能を停止して挙動を確認 |
CDNやHTTP/3の影響がないか | CDN管理画面からキャッシュ削除、HTTP/3設定を一時OFF |
反映に時間がかかっていないか | シークレットウィンドウで確認+数分の時間をおく |
ここまで確認すれば、表示が変わらない理由のほとんどは特定できるはずです。
それでも直らない場合は、「テーマやプラグインのバグ」「.htaccessの記述ミス」など、別の技術的な要因も視野に入れて調査を進めてみましょう。
次は「キャッシュを自動で管理する方法」について解説していきます!
自動でラクに!キャッシュクリアの設定を最適化しよう
毎回のようにキャッシュを手動で削除するのは、正直めんどくさいですよね…。
そこでおすすめしたいのが、キャッシュ削除の自動化です。
WordPressでは、プラグインを活用することで「記事を更新したタイミングでキャッシュを自動的に削除する設定」や、「一定間隔でのキャッシュクリア」も可能になります。
ここでは、初心者でもすぐできる設定方法と、上級者向けの定期クリア手段までご紹介します。
プラグインで「更新時に自動削除」を有効にする方法
多くのキャッシュ系プラグインには、投稿・編集時に自動でキャッシュを削除する機能が備わっています。
一度設定しておけば、更新のたびにキャッシュを気にする必要がなくなります。
🔹 LiteSpeed Cache の場合:
- WordPress管理画面 → 「LiteSpeed Cache」→「キャッシュ」タブへ
- 「パージ設定」を開く
- 「投稿を公開・更新したとき」「固定ページを更新したとき」など、必要な項目にチェックを入れる
- 「変更を保存」
✅ これで、投稿や編集のたびに自動的にキャッシュが削除されるようになります。
🔹 W3 Total Cache の場合:
- 管理画面 → 「Performance」→「Page Cache」
- 「Purge Policy: Page Cache」にあるチェックボックスに必要なものをON
例:「Post updated」「Page updated」「New comment」など - 「Save all settings」をクリック
💡 更新漏れによる表示トラブルの防止にもなるので、非常におすすめです。
定期的なキャッシュ削除の自動化はできる?【上級者向け】
もっとシステマチックに管理したい方は、時間ベースで定期的にキャッシュを削除する仕組みを導入するのも手です。
方法①:プラグイン機能を活用する(例:WP Rocket)
有料プラグイン「WP Rocket」では、以下のようなスケジュールキャッシュ削除が可能です:
- 一定時間ごとにキャッシュを削除(例:12時間ごと)
- 特定の投稿タイプ・ページだけを対象にパージ
※WP RocketはLiteSpeedサーバーでは一部互換性が低いため、環境に合わせて導入を検討してください。
方法②:サーバー側のcron(スケジュールタスク)を使う
Xserverの「cron設定」を使えば、任意の時間間隔で特定のPHPファイルを実行することも可能です。
たとえば、キャッシュ削除用の関数を呼び出すファイルを作成しておき、1日1回自動実行する、という方法です。
⚠️ この方法はPHPやサーバー操作に慣れている方向けです。設定を誤ると、サイトが正常に動かなくなるリスクもあるため、慎重に行いましょう。
✅ 自動化のおすすめバランス
目的 | 推奨設定方法 | 難易度 |
---|---|---|
投稿や更新時に削除 | プラグインの自動パージ設定 | ★☆☆(初心者OK) |
定期的にキャッシュを削除 | 有料プラグイン or cron | ★★★(中〜上級) |
日々の運用ストレスを減らすためにも、自動削除設定は早めに取り入れておくのがおすすめです。
特にWordPressの更新頻度が高い方には、“手動よりも確実で安全な方法”としてぜひ活用してみてください。
次章では「キャッシュクリアでよくある質問とその答え」をQ&A形式で解説します!
【Q&A】キャッシュクリアでよくある質問と解決策
ここでは、Xserverのキャッシュ削除に関してよくある疑問やトラブル事例をQ&A形式で解説します。
「やることは全部やったつもりなのに、まだおかしい…」
そんなときこそ、落とし穴になりがちなポイントをチェックしてみましょう。
Q1. キャッシュ削除しても表示が変わらない場合は?
- 削除対象のキャッシュが一部残っている(例:CDN、ローカルDNS)
- 削除したつもりが、正しい設定箇所で実行されていない
- テーマやプラグインが内部的にキャッシュを保持している
✅ 解決策:
- シークレットウィンドウ(プライベートモード)で再確認してみましょう。通常キャッシュとは異なる表示が見られます。
- 使用中のキャッシュプラグインに「Minify」や「プリロード」機能がある場合、それも一度オフにして削除→確認すると改善するケースもあります。
Q2. サイトが真っ白に…そんなときの対処法は?
✅ 解決策:
- WordPress管理画面に入れる場合 → キャッシュ系プラグインを一時無効化して確認
- 管理画面に入れない場合 → FTPで該当プラグインのフォルダ名を変更し、強制停止
- サーバーパネル「エラーログ」でエラーの詳細を確認すると、原因特定の手がかりになります
⚠️ エラー発生時は焦らず、一つずつ設定を戻して検証していくことが大切です。
Q3. 画像だけ反映されない原因と対応策は?
✅ 解決策:
- 画像のファイル名を変えて再アップロードすると、キャッシュを強制的に回避できます(例:
logo.png
→logo-v2.png
) - CDN(Cloudflareなど)を使っている場合は、CDN側で「キャッシュパージ(全削除)」を実行してから再読み込みしてみましょう
.htaccess
にキャッシュ期間を設定している場合、その設定が影響していることもあるので注意です
✅ 補足:キャッシュ削除後に必ずチェックしたい3点
チェックポイント | 理由 |
---|---|
別ブラウザ・別端末での表示確認 | 自分の環境だけが古い表示になっている可能性あり |
サーバーログの確認 | キャッシュとは別のエラーが出ている可能性があるため |
画像やファイルのURL確認 | 古いURLが残っていると、キャッシュの再読み込みが発生する |
「なんで変わらないの!?」と悩んでしまう前に、一つひとつ冷静に見直していくことで必ず解決につながります。
それでも難しいと感じた場合は、Xserverのサポートに直接問い合わせるのも一つの手です。
次は記事のまとめとして、ここまでの流れとポイントを振り返っていきます!
まとめ|キャッシュ削除で「反映されない」を解決しよう!
WordPressやXserverでサイトの表示がうまく反映されないとき、原因の多くはキャッシュの残存によるものです。
今回の記事では、初心者の方でもすぐに実践できるキャッシュ削除の方法から、設定の最適化、トラブル対処法まで網羅的に解説してきました。
ポイントを振り返ると、次のようになります:
- まずはブラウザとWordPressプラグインのキャッシュ削除からスタート
Ctrl + F5
やシークレットモードで確認- 使用中のキャッシュプラグインで「すべてのキャッシュを削除」
- Xserverサーバーパネルからキャッシュを確実に削除
- 「サイト高速化設定」から対象ドメインを選び「キャッシュ削除」
- それでも直らない場合のチェックポイント
- Xアクセラレータとプラグインの競合を避ける
- CDNやHTTP/3の設定影響を疑う
- 反映に数分のタイムラグがある場合も想定
- 更新時にキャッシュを自動削除する設定を導入するとラク
- LiteSpeed CacheやW3TCで自動パージを有効化
- 上級者はcronでの定期削除も選択肢に
- よくあるトラブルにも個別対応策あり
- 表示が変わらない → 別ブラウザで確認+再パージ
- サイトが真っ白 → プラグインを一時停止して検証
- 画像だけ古い → ファイル名を変更して再アップ
キャッシュは「便利だけど曲者」。
正しく削除し、必要な設定を整えることで、安心してサイト運営を続けられます。
今後もトラブルを未然に防ぐために、一度キャッシュ周りの設定を見直してみてはいかがでしょうか?
本記事がそのきっかけになれば嬉しいです!
WordPressのはじめ方はこちらから!
悩んでる人 ブログ始めたいんだけど、サーバー契約とかドメイン取得って正直ちょっと怖いんだよね……。WordPressって難しそうだし、なんか途中で詰みそうな気がしてさ。 Noritoism うんうん、最[…]