CSS および JavaScript URL に「?v=1」を追加するのはなぜですか?

CSS および JavaScript URL への「?v=1」の追加: パフォーマンスの向上と更新の確保

HTML5 ボイラープレート テンプレートには、次のようなものがある場合があります。 CSS と JavaScript の URL に「?v=1」が追加されていることに気付きました。この小さなクエリ文字列は、ブラウザのパフォーマンスを向上させ、訪問者が常に最新バージョンのアセットを取得できるようにするという重要な目的を果たします。

機能

「」を追加すると、 ?v=1" をファイル URL に追加すると、基本的に、キャッシュからファイルをロードする前に、ブラウザーにそのファイルの新しいバージョンを強制的にチェックさせることになります。ほとんどのブラウザーは CSS や JavaScript ファイルなどの静的アセットを積極的にキャッシュする傾向があり、サーバー上で変更が加えられた後でも古いバージョンが使用される可能性があるため、これは重要です。 URL にバージョン番号を追加すると、キャッシュ メカニズムが解除され、ブラウザがサーバーから最新バージョンを取得するように強制されます。

JavaScript URL の選択的使用

提供されているサンプル内のすべての JavaScript URL に「?v=1」クエリ文字列が含まれているわけではないことにお気付きかもしれません。場合によっては必要ないからです。 JavaScript ファイルにベンダー プレフィックスが含まれている場合、またはポリフィルなどの重要ではないコードが含まれている場合は、他のファイルほど頻繁に更新する必要がない場合があります。これらのファイルのバージョン番号を省略すると、サーバーに対するリクエストの数が減り、パフォーマンスが向上します。

ファイル ハッシュを利用する

固定のハッシュを使用する代わりに、バージョン番号に応じて、一部の Web サイトはクエリ文字列でファイル ハッシュを使用することを選択します。このアプローチは、ファイルの実際の内容が変更された場合にのみブラウザがファイルの新しいバージョンを取得するようにするため、さらに効果的です。

追加の利点

更新を強制することとは別に、バージョン番号またはファイル ハッシュをアセット URL に追加すると、古いコンテンツが提供されることを心配せずに長いキャッシュ ヘッダーを設定することもできます。ブラウザは常にそれを別のファイルとして扱い、最新バージョンの取得を優先します。

以上がCSS および JavaScript URL に「?v=1」を追加するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。