キャッシュについて。

Question

端末上にキャッシュが残っていると、新たにアップしたHTMLやcssが反映されないとお聞きしました。
自身で確認したい場合は自分でキャッシュを削除すれば良いと思うのですが、
他の人（サイトを訪問する人）たちにも反映させるにはどうすればよいのでしょうか。

Answer 1

htmlがキャッシュされる問題は<meta http-equiv="Cache-Control" content="no-store">をつければ良さそうです．

CSSやJSですが，一般にこういう案件に対してフロントエンドのプロジェクトでビルドされるCSSやJSにはファイル名のsuffixに英数文字列が与えられ，ビルドごとに違うものを与えることでキャッシュから引っ張り出さないようにする仕組みが確立されています．

例えば，このコメントの投稿時点のteratailからは https://teratail.com/_next/static/chunks/main-d98cb52d673322c9.js がダウンロードされるようになっています．もし新バージョンがリリースされたらd98cb52d673322c9ではなくなっているでしょう．

他にもcssやjsのダウンロードの際にバージョンを与えるようにしてキャッシュから引っ張り出させない方法もあります．
もうキャッシュの削除をお願いしたくない！CSS・JS・画像のブラウザキャッシュさせない方法
ただやはり，こちらは自分でバージョン情報を管理してhtmlに反映させなくてはならないので，teratailがやっているようにWebアプリケーションのビルダに任せるのが一番です．

Answer 2

キャッシュさせない方法は回答のように色々ありますが、そもそもブラウザキャッシュは
・ユーザーの体感速度を上げる（待ちを減らす）
・サーバーやネットワークの負荷を減らす
ためにある物なので、「ユーザーに画面表示を待たせて良いのか？」「サーバーの負荷を高めて良いのか？」を考慮の上で、キャッシュをどう使うか（何をキャッシュさせて、何をキャッシュさせないか）を十分考えて設計する必要があります。
まあ、サイトの規模や内容、ユーザー数などにも依りますが。

お客様に試作画面の評価をお願いするようなケースだと、全面的にキャッシュを止めた評価用のサーバーを使うのが良いかもしれません。