まさか、画像が古いとは・・・ ~キャッシュの話~

 

ブログに最新の画像を掲載したつもりが、

実は古い画像が表示されているかもしれません・・・

 

 

例えば、

こんな告知画像なんて、ブログでよく見かけますね。

end3.jpg

 

 

公開終了まぢかの無料オファーや、

期間限定の特典が消滅する直前などで。

 

 

ブログ上部の目立つ所に掲載されて、

終了日が近づくにつれて、

残り日数がカウントダウンされていきます。

 

end321.jpg

 

 

よくある光景ですね。

あなたも、見たことがあるでしょう。

 

 

しくみはいたって簡単。

上の例では、あらかじめ3種類の画像を用意しておき、

午前0時になったら、サーバ上の画像を差し替えていくだけです。

 

 

私もこの手法を使います。

 

 

しかし・・・

 

 

これ、やり方を少し間違えると、

悲しい結果になります。

(あ、私なりました・・・)

 

 

というのは、

画像を新しく差し替えても、

実際に他のブラウザで表示される画像は

古いままの場合があるからです。

 

 

すると、どうなるかというと、

いくら毎日、ご丁寧に画像を差し替えても、

ブログ訪問者さんが見ている画像は、

最初の古い画像のまま。

 

 

つまり、

公開終了当日になっても、

end3.jpg

 

と表示されている状態です。

 

 

これは・・・ 非常にまずいです。

告知情報を正確にお伝えできていません。

 

(それ以前に、日程ズレてる感じが、多少恥ずかしいです・・・)

 

 

なぜ、このようなことが起こるのか?

 

 

それは、ブラウザに

キャッシュというしくみがあるためです。

 

 

キャッシュとは、簡単に言ってしまうと・・・

使用頻度の高いデータをメモリやハードディスクなどに

保存しておくことで処理を高速化するしくみ。

をいいます。

 

 

つまり、ブラウザは、

ブログなどを表示する際に、

新しいデータを毎回サーバーから取得しているのではなく、

過去に取得したデータを 再利用 する場合があるのです。

 

 

このキャッシュというしくみは、

ネット閲覧を快適にする為にも、

今では一般的な技術となっていますが、

時には弊害を起こす要因にもなっています。

 

 

つまり、

見ている人の環境によって、見えている内容が異なる。

という問題があるわけです。

 

 

で、ありがちな現象として、

古い画像が表示される。という症状です。

↓これ。

end3.jpg

 

 

では、その解決方法。

 

 

【キャッシュで古い画像が表示される問題の対処】

 

 

画像を差し替えたことをブラウザに明示して、

キャッシュのデータを最新にしてやる必要があります。

 

 

つまり、

サーバーの画像を差し替える時に、

単純に画像を上書きコピーするのではなく、

画像のファイル名を変更して、別ファイルとして

サーバーにアップするようにします。

 

 

画像のファイル名を変更すれば、必然的に、

画像を参照しているブログのソース(HTMLファイル)も

同期をとって修正する必要が出てきます。

 

 

すなわち、

1.画像の ファイル名を変更 してサーバーにアップする

2.ブログのソースも修正 する

 

 

のように、

ファイル名を変更すると共に、

「2.ブログのソースも修正する」

という作業を1つ追加します。

 

 

そうすることによって、

ブログの変更をブラウザが認識でき、

キャッシュからではなく、サーバから

最新情報を取得してくれるようになります。

 

 

この一手間で、

今回例にしたキャッシュ問題は回避され、

めでたく最新画像を表示でき、

意図するカウントダウン告知も、無事成功です。

 

16 Responses to “まさか、画像が古いとは・・・ ~キャッシュの話~”

  1. しまびとさん
    こんにちは、超リチャードです。
    キャッシュで画像が変化しないことがあるんですか!
    これは恐ろしい事実を知ってしまいました。
    私も十分に気を付けないといけませんね。
    応援ポチ!です。

  2. しまびとさん
    コメント失礼致します。
    >【キャッシュで古い画像が表示される問題の対処】
    丁寧な解説、
    とても参考になりました。
    自分で見る分には更新ボタンを押しますが、
    自分以外の事を考えて無かった気がします。
    勉強になりました。
    応援も込めて

  3. しまびと より:

    超リチャードさん、こんにちは。
    いつもありがとうございます。
    環境によって現象が異なるので、
    本人は気が付かないことが多いんですよね。
    記事は更新されていても、
    ヘッダー部の画像だけ古いままとか・・・
    そういうの時々見かけます。
    その1人は・・・私ですが。

  4. しまびと より:

    宝沢さん、こんにちは。
    コメントありがとうございます。
    そうですね。
    ブログの記事をアップした後って
    無意識に更新ボタンを押したりするので、
    自分の所ではちゃんと最新情報が表示されます。
    だから、他の人の所で古い画像が表示されていることに
    なかなか気付かないんですよね。

  5. やまひろ より:

    しまびとさん
    こんにちは、やまひろです。
    キャッシュって便利ですけど
    こういった弊害がありますよね。
    良い情報をありがとうございます。
    応援していきます^^

  6. たるぱん@ブログメルマガアフィリエイトで稼ぐ より:

    しまびとさん、こんばんは。
    たるぱんです。
    これはイタイですね。
    知りませんでした・・・^ ^;
    対処法までしっかり載せていただいて
    とても助かります^ ^v
    「ぽちっ」させていただきました

  7. しまびと より:

    やまひろさん、こんにちは。
    いつもありがとうございます。
    キャッシュのおかげで、通信が最適化され、
    ネット閲覧が快適(高速)になったりと
    ありがたい技術なんですけどね。
    どうしても弊害は付き物ですね・・・

  8. しまびと より:

    たるぱんさん、こんにちは。
    いつもありがとうございます。
    イタすぎますね・・・
    環境によって見え方が異なるので、
    気が付かないことが多いんですよね。
    誰かに指摘してもらえるまで・・・
    すこし手間がかかるけど、画像差し替えと同時に
    ソースを更新すれば問題は起こりませんけどね。

  9. ますみん より:

    しまびとさん
    ますみんです(^^)
    便利だけど、知らないと
    思わぬ失敗をしてしまうモノって
    けっこう多いですよね。
    キャッシュの仕組みについては
    まだ、いまいち理解できていない私ですが
    (ホントPC音痴だわ(汗))
    知らずに利用して失敗しないように
    気を付けなくちゃと思いました(^^;)
    ポチっと応援☆

  10. しまびと より:

    ますみんさん、こんにちは。
    いつもありがとうございます。
    知らずに失敗しでかしてることって
    よくありますよね・・・
    キャッシュの問題に関しては、
    プログラマーも頭を悩ますところです。
    完全な解決策があるといいんですけどね。

  11. ルナ より:

    しまびとさん始めまして。
    記事を読んで
    キャッシュの意味がよくわかりました。
    画像の上書き保存は私もやりがちなので
    ブログで使用するときは、ファイル名を
    変更して使用していきたいと思います。
    参考になりました。ありがとうございます。

  12. トダホン より:

    こんにちは。しまびとさん
    まったくその通りですね。
    気づいていませんでした。
    これから画像を更新するときは注意します。
    参考になりました。
    応援ぽち

  13. しまびと より:

    ルナさん、こんにちは。
    コメントありがとうございます。
    画像の上書きコピーは、
    最も手っ取り早いですからね。
    ついやってしまいがちですが、
    キャッシュによる思いがけない弊害が・・・
    私も気をつけるようにします。

  14. しまびと より:

    トダホンさん、こんにちは。
    いつもありがとうございます。
    本人の環境では正常に表示されることが多く、
    その為、気づきにくいのがネックです・・・
    少し手間がかかりますが、
    画像更新時は、ファイル名変更ですね。

  15. しまびとさん
    こんにちは、ららです。
    なるほど、そういうことがあるんですね。
    案外気付かないものですよね。
    おしえてくださり、ありがとうございます。
    キャッシュされる時には、
    ブログ記事に、明確な変更が必要なんですね。
    勉強になりました。
    応援ポチです^^

  16. しまびと より:

    ららさん、こんにちは。
    いつもありがとうございます。
    気が付かないんですよね・・・
    確実に更新されるようにするには、
    ソースを変更して明示することですね。

コメントを残す

サブコンテンツ

このページの先頭へ