--- aliases: tags: - maturity/🌱 date: 2024-09-10 zero-link: - "[[../../meta/zero/00 Архитектура ИС|00 Архитектура ИС]]" parents: - "[[highload/Инвалидация кэша|Инвалидация кэша]]" linked: - "[[../garden/ru/dev/architecture/highload/Кэширование на стороне браузера|Кэширование на стороне браузера]]" --- При реализации [[highload/Кэширование на стороне браузера|кэширования на стороне браузера]] важно иметь механизм [[highload/Инвалидация кэша|инвалидации кэша]]. Иначе пользователи могут продолжить видеть неактуальные JS-скрипты и CSS-стили, что приведет к проблемам. Самый простой способ побороть эту проблему, это использовать fingerprint файла. То есть, когда файл меняется, вы меняете его название. Делается это обычно добавлением какого-нибудь префикса/суфикса к названию файла. Например у нас есть файл стилей `style.css`, мы можем посчитать для него MD5 хэш и добавить его в название. Тогда у нас получится следующее название: `style.e626dd36e0085927f334adbe3eb38e7a.css`. При любом изменении файла MD5 хэш должен пересчитываться. Таким образом при изменении файла у него будет другое название, и браузер будет вынужден скачать его в любом случае. *** ## Мета информация **Область**:: [[../../meta/zero/00 Архитектура ИС|00 Архитектура ИС]] **Родитель**:: [[highload/Кэширование на стороне браузера|Кэширование на стороне браузера]] **Источник**:: [[highload/Инвалидация кэша|Инвалидация кэша]] **Создана**:: [[2024-09-10]] **Автор**:: ### Дополнительные материалы -