トラブルシュート

更新したのに古いまま表示されるときの対処(キャッシュ)

ギガサイト便でファイルを差し替えたのに、開いてみると古い内容のまま、というご相談があります。多くはブラウザやネットワーク経路に残ったキャッシュが原因で、サービス側の差し替え自体は完了していることがほとんどです。この記事ではキャッシュの仕組みを踏まえ、症状の切り分けから自分でできる確認、確実に最新を表示させる手順、再発防止までを順に説明します。

症状の確認:自分だけか全員かを見る

まず、古い表示になるのが自分の端末だけなのか、共有相手も同じなのかを確認します。自分だけなら手元のブラウザのキャッシュが、全員なら経路上のキャッシュが疑われます。

別の端末や、シークレットウィンドウ(プライベートモード)で同じURLを開いてみると切り分けが進みます。シークレットで最新が表示されるなら、通常ウィンドウのキャッシュが原因です。

よくある原因:ブラウザとファイル名の固定

ブラウザは表示を速くするため、一度読み込んだHTMLや画像、CSSなどを一時的に保存します。差し替え後も、この保存された古いファイルを表示してしまうことがあります。

また、CSSや画像のファイル名が前回と同じだと、ブラウザは中身が変わっていないと判断して古いものを使い続けることがあります。HTMLは更新されても、参照しているファイルが古いままだと崩れて見えることがあります。

  • ブラウザのキャッシュに古いファイルが残っている
  • CSSや画像のファイル名が前回と同じで再取得されない
  • 差し替え直後で経路上のキャッシュがまだ更新されていない
  • 実は別のURLや別ファイルを開いている

症状別チェック表

更新したのに古いまま表示されるは、症状を分けずに直そうとすると原因探しが長引きます。まず「自分だけで起きるのか」「全員で起きるのか」「特定ブラウザだけか」「差し替え後だけか」を切り分けます。

確認順序を固定すると、相対パス、ファイル名、キャッシュ、認証、外部読み込みのどこで止まっているかが見えます。修正後はローカル確認だけで終わらせず、実際の共有URLで再表示して、相手と同じ条件で直ったことを確認します。

  • 自分だけ表示されない: キャッシュ、ログイン状態、ブラウザ拡張、端末幅を確認する
  • 全員で表示されない: ファイル構成、相対パス、大文字小文字、アップロード漏れを見る
  • 一部だけ崩れる: CSS/画像/JSごとに読み込みエラーを分ける
  • 差し替え後だけ古い: URL、キャッシュ、更新対象ファイルの取り違えを確認する

自分でできる確認:強制再読み込みで切り分ける

まずはブラウザの強制再読み込み(スーパーリロード)を試します。これでキャッシュを無視して最新を取得できます。多くのブラウザでキーボード操作から実行できます。

それでも古い場合は、シークレットウィンドウで開く、または別の端末で開いて確認します。これらで最新が表示されるなら、原因は手元のキャッシュだと確定できます。

ギガサイト便での対処手順

差し替え自体は同じURLのまま行えます。最新を確実に届けるには、キャッシュされにくいようにファイルの作り方を工夫し、共有相手にも再読み込みを案内するのが効果的です。

以下の手順で対応してください。

  1. 修正版のファイルをまとめてZIPにする
  2. 更新したCSSや画像のファイル名を前回と変える
  3. ファイル名を変えた場合はHTMLの参照先も合わせて直す
  4. ギガサイト便で同じURLに差し替えて公開する
  5. 自分の端末で強制再読み込みして最新か確認する
  6. 共有相手にも一度再読み込みするよう案内する

予防:更新時はファイル名を変える運用にする

更新が反映されないトラブルを避けるには、CSSや画像など差し替えるファイルの名前を更新のたびに変える運用が有効です。名前が変わればブラウザは新しいファイルとして取得するため、古いまま表示される問題が起きにくくなります。

差し替え後は自分で強制再読み込みして最新を確認し、共有相手にも一報入れておくと行き違いを防げます。確認用にシークレットウィンドウを使う習慣をつけると安心です。

よくある質問

差し替えたのに古いままです。

ブラウザに残ったキャッシュが原因のことが多いです。強制再読み込みを試すか、シークレットウィンドウで開いてみてください。そこで最新が表示されるなら手元のキャッシュが原因です。

自分は最新なのに相手は古いと言います。

相手の端末のキャッシュに古いファイルが残っている可能性があります。相手にも強制再読み込みを案内してください。更新ファイルの名前を変えておくと再取得されやすくなります。

HTMLは新しいのにデザインだけ古いです。

CSSや画像のファイル名が前回と同じで、ブラウザが古いものを使い続けている可能性があります。これらのファイル名を変え、HTMLの参照先も合わせて更新すると改善します。

差し替えるとURLは変わりますか。

ギガサイト便は同じURLのまま中身を差し替えられます。URLは変わらないため、表示が古い場合の原因はサービス側ではなくキャッシュであることがほとんどです。

原因が分からないときはどこから確認すべきですか?

まず自分だけの問題か全員の問題かを分けます。次にシークレットウィンドウ、別ブラウザ、スマホで確認し、ファイル構成・相対パス・キャッシュ・認証設定を順に見ます。

関連記事

トラブルシュート

Service Workerのせいで古い内容が表示され続けるときの対処

ファイルを更新して再アップしたのに相手の画面では古い内容のままで困っているすべての方へ。Service Workerがキャッシュを握り続ける理由と、古いSWを確実に置き換えてユーザーに最新版を届けるためのリセット手順を解説します。

5分で読める
トラブルシュート

iframeが表示されないときの原因と対処

地図や外部コンテンツをiframeで埋め込んだのに公開後に枠が空白になった方向け。表示許可・HTTPSとHTTPの混在・相対パスのズレを症状ごとに切り分け、適切な対処を選べるようになります。

4分で読める
トラブルシュート

SVG画像が表示されないときの原因と対処

PNGは表示されるのにSVGだけ出ない――MIMEタイプや読み込み方法の違いによる複数の原因を、症状ごとに切り分けて特定できるよう整理した記事です。

5分で読める
トラブルシュート

背景画像が表示されないときの原因と対処

CSS で background-image を指定しても背景が出ない原因は、パスのミス・高さゼロ・url() の書式エラーに集中します。闇雲に書き換える前に、どのパターンかを素早く見分けるチェック手順を解説します。

5分で読める
トラブルシュート

YouTube埋め込みが表示されないときの対処

iframe を貼ったはずなのに YouTube 動画が枠だけで再生できない。原因はコードの誤りか許可設定のどちらかです。表示されない典型パターンを切り分けて、確実に直す方法をまとめます。

5分で読める
トラブルシュート

Googleマップ埋め込みが表示されないときの対処

ページにグーグルマップを貼ったら灰色の枠だけ表示される、または読み込みエラーになる。シンプルな iframe 埋め込みと API キー方式では原因が異なるため、自分のケースを判断するための切り分け手順を解説します。

5分で読める
「トラブルシュート」の記事をもっと見る →