WebディレクションNote「ブラウザキャッシュ」のばかやろう

こんにちは。ホームページの運用や更新保守を行っている会社のWebディレクターさんはたびたびブラウザキャッシュに悩まされていませんか?

ブラウザキャッシュとは?

パソコンやスマートフォンのブラウザは、ホームページの表示速度を早くするために、一定期間、一度開いたページの画像やCSS、JSファイルなどを端末内に保存しています。

そのため、同一名称でファイルをアップすると、あれ変わってない?!ってなことになるんです。
パソコンは画面更新だけで解決する場合もありますが、特にスマートフォンはキャッシュが強いため、この問題がよく発生します。

プロジェクトの人間関係に傷を入れかねないブラウザキャッシュ

例えば現場の方がファイルをアップ〜営業さんが特に確認せずお客様に報告〜お客様変わってないよ!と営業さん怒られる〜営業さん現場の方に怒る〜現場の方「いやいやキャッシュです」みたいなことってありませんか?

さらに上記のやりとりで実はキャッシュでなかったパターンなど最悪ですね(笑
些細なことではあるんですが、やり取りの中でコミュニケーションに失敗すると特にお客様との間で関係が悪くなってしまうこともあると思うんです。たかがキャッシュ、されどキャッシュです。

ブラウザキャッシュのトラブルを事前に防止しよう!

いくつかトラブルを防ぐ方法がありますよ。

1)パラメーターを付与する

たとえば「/image.jpg」を「/image.jpg?20220801」のようにソースにパラメーターを付与して更新すればブラウザは別の画像と認識するので、確実に更新内容が反映されます。反映されてない!となっても画面を更新してもらえれば確実に反映するのでディレクションもやりやすいですね。

デメリットはいちいちパラメーターをふるのが手間だったり、抜けてしまうこともあることでしょうか。うちではキャッシュの強いCSSファイルを更新する時や、確実にお客様の環境で更新させたい時(お客様がキャッシュの説明を理解できない場合や期間指定のあるキャンペーン更新時など)にこの方法を用います。

2)あらかじめお客様報告時にキャッシュの説明を行う

例えば私は報告の際に下記の文面を添えます。コピペで使ってもらっても大丈夫ですよ(笑

//////////////////

普段からホームページを閲覧されているPCやスマホですと、
ブラウザのキャッシュの影響で更新が反映されない場合がございます。
その際はお手数ですが下記の方法で更新をお試しください。
(はじめてアクセスされる一般のお客様にはきちんと反映されています)

●PC(Mac)の場合
shiftキーを押しながらブラウザの更新ボタン

●PC(Windows)の場合
ctrlキーを押しながらF5キー

●スマホ(iPhone)の場合
設定 ⇒ Safari ⇒ 履歴とWebサイトデータを消去

●スマホ(Android)の場合
Chrome右上の…のアイコンをクリック ⇒ 履歴 ⇒ 履歴データを削除

//////////////////

スマホもPCみたいにブラウザ開いたままコマンド入力で消せたらいいんですけどね。なんでこんな面倒な仕様なんだ〜

著者:

■□■□■□■□■□■□■□■□■□■□

福岡のホームページ制作・運用は
株式会社レッドキリン

営業時間:平日9:00〜18:00

●福岡オフィス
〒810-0042
福岡市中央区赤坂1-12-6 赤坂Sビル2F
TEL:092-726-5550 FAX:092-726-5558

●宮崎出張所
〒880-0001
宮崎県宮崎市橘通西3-10-32
宮崎ナナイロ東館8FATOMica内

メールでのお問合せ
ホームページ制作実績
会社案内

■□■□■□■□■□■□■□■□■□■□

contact

ホームページ制作に関することなら、
バナー1個からでもお気軽にご連絡ください。

お電話でのお問い合わせ

<福岡本社・宮崎サテライトオフィス共通>
平日9:00〜18:00まで。営業・セールス目的のお電話は固くお断りいたします。

092-726-5550 092-726-5550

メールでのお問い合わせ

ご相談をご希望の場合、まずはお問い合わせフォームよりご連絡ください。
確認後、担当者よりご連絡させていただきます。

お問い合わせフォーム

会社案内ダウンロード

社内で検討されたい方のために、弊社の特徴や実績、会社概要などをまとめた会社案内をご用意しています。ご自由にダウンロードください。

ダウンロードはこちら
yahoo!japanプロモーション広告

当社はYahoo!プロモーション広告の代理店です。
(福岡県福岡市中央区赤坂)

採用関連の電話営業やセールス目的でのお電話は業務の妨げとなりますので固くお断りいたします。
一度電話口でお断りした企業様は着信拒否登録をしております。ご了承ください。