JavaScriptファイルのブラウザキャッシュ

ブラウザは、接続されたJavaScriptファイルをキャッシュすることがあります。これは、サイトの読み込み速度を向上させるために、それらを自身に保存することを意味します。

実際には、これはコードを編集している際に、ブラウザがあなたの現在のコードではなく、以前のバージョンのコードを適用する瞬間が来るということにつながります。

このような動作に対処するために、ブラウザのキャッシュをクリアするか、あるいは巧妙な方法を使用することができます。その要点は、スクリプトを接続する際に、ファイル名の後に疑問符、等号、そしてあなたのスクリプトのバージョン番号を置くことです。ブラウザがファイルをキャッシュしたら、あなたは単に番号を1つ増やせばよいのです。

例を見てください:

index.html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="script.js?v=1"></script>
  </head>
  <body>
    
  </body>
</html>