CSS ファイルをキャッシュして、有効期限を今から 1 か月後に設定するとします。いくつかの更新があり、CSS ファイルを変更するとします。Web サイトへの訪問者が古い CSS ではなく更新された CSS を使用するようにするにはどうすればよいですか?
ありがとう。
たとえば、URLにクエリ文字列を追加できます
<link rel="stylesheet" type="text/css" href="theme.css?v1" />
URL を変更します。これにより、ブラウザはファイルを再ダウンロードする必要があります。最も簡単な方法は、インクリメントするファイル名に番号を付けることです。毎回ファイルの名前を変更する必要がないように、いくつかの書き換えルールを使用して Web サーバーを構成します。
これは、Nginx サーバーのerefredag.seでの私の書き換えルールです。
rewrite ^/style\..*\.css$ /style.css;
そして、これは私の<link>
要素がどのように見えるかです:
<link rel="stylesheet" type="text/css" href="style.acf1a27de.css">
ユーザーのブラウザーに関係なく、新しいファイルを取得できるように名前を変更できます。CSS ファイルを参照するすべての場所で、代わりにファイル名を含む変数を参照してください。新しいバージョンをリリースしたら、変数を更新して、すべてのページが新しいスタイルシートを参照するようにします。