Как заставить клиентов обновить файлы JavaScript?

Добавление текущего времени к URL действительно является распространённым решением. Однако вы также можете управлять кэшированием на уровне веб-сервера, если это необходимо. Сервер можно настроить так, чтобы он отправлял разные HTTP-заголовки для JavaScript файлов.

Например, если вы хотите принудительно кэшировать файл не дольше, чем на 1 день, вы можете использовать:

Cache-Control: max-age=86400, must-revalidate

Если же ваша цель — обеспечить пользователей всегда последней версией файла, вы можете использовать:

Cache-Control: no-cache, must-revalidate

Таким образом, вы сможете контролировать кэширование более гибко и эффективно.

На вопрос о Google PageSpeed: «Не включайте строку запроса в URL для статических ресурсов», можно ответить так:

Проблема заключается в том, что многие прокси-серверы, включая Squid до версии 3.0, не кэшируют ресурсы, содержащие «?» в URL, даже если в ответе присутствует заголовок Cache-Control: public. Чтобы включить кэширование прокси для этих ресурсов, лучше всего удалить строки запроса из ссылок на статические ресурсы и закодировать параметры непосредственно в имена файлов.

Например, вы можете включить версию в URL: http://abc.com/**v1.2**/script.js, и использовать Apache mod_rewrite для переадресации на http://abc.com/script.js. Когда вы измените версию, браузер клиента автоматически обновит файл. Это позволит эффективно кэшировать статические ресурсы и улучшит производительность вашего сайта.

Чтобы добавить размер файла в качестве параметра загрузки, можно использовать следующий подход в вашем HTML коде:

<script type='text/javascript' src='path/to/file/mylibrary.js?filever=<?=filesize('path/to/file/mylibrary.js')?>'></script>

Это позволяет автоматически изменять параметр "filever" при каждом обновлении файла, так как он будет отражать текущий размер файла. Однако возникает вопрос: что делать, если вы обновите файл, и размер останется тем же? Вероятность такого сценария может быть не очень высокой, но она вполне реальна, особенно если вы внесли небольшие изменения в код (например, исправили опечатки или улучшили комментарии).

В результате, если файл остается того же размера, параметр "filever" не изменится, и браузер может использовать кэшированную версию. Это может привести к тому, что пользователи не увидят ваши обновления. Один из способов решения этой проблемы — добавление версии файла, например, используя конструкцию с хэшированием содержимого файла или добавление временной метки (timestamp), чтобы гарантировать, что запрос всегда будет уникальным при каждой загрузке скрипта.

Тем не менее, если вы предпочитаете использовать размер файла как способ обновления, учитывайте возможность изменения версии вручную или добавления другого параметра, который будет меняться с каждой сборкой, как временная метка или номер версии.

Не все браузеры кэшируют файлы с символом '?' в имени. Чтобы гарантировать максимальное кэширование, я решил включить версию в имя файла.

Вместо stuff.js?123 я использовал stuff_123.js.

Я применил mod_rewrite (или mod_redirect, не уверен) в Apache для того, чтобы перенаправлять запросы на stuff_*.js к stuff.js.

Для страниц ASP.NET я использую следующий подход:

ДО

<script src="/Scripts/pages/common.js" type="text/javascript"></script>

ПОСЛЕ (принудительная перезагрузка)

<script src="/Scripts/pages/common.js?ver=<%= DateTime.Now.Ticks.ToString() %>" type="text/javascript"></script>

Добавление DateTime.Now.Ticks отлично работает.

Таким образом, каждый раз при загрузке страницы будет использоваться новая версия скрипта, что предотвращает проблемы с кешированием.