digital-garden/_inbox/Кэширование на стороне браузера.md

aliases	tags	date	zero-link	parents	linked
	зрелость/🌱	2024-06-17	00 Разработка	Кэширование	Настройка клиентского кэширования в Nginx

Кэшируются только GET запросы, так как они должны быть идемпотентны.

Заголовки для кэширования:

• ETAG. Тег, который позволяет указать версию файла. Можно использовать MD5
• If-Modified-Since. Дата изменения файла.
• Cache-Control
  • public - Сохранять может не только браузер, но и промежуточные узлы
  • no-store - не кэшируем
  • no-cache - Сохранять только в браузере, не сохранять на промежуточных серверах.
  • max-age - Сколько нужно хранить файл в памяти
• LocalStorage. Можно через JS складывать данные.

Статический контент - это содержимое сайта, которое остается неизменным продолжительное время на всех страницах. Например, это такие файлы, как картинки, CSS и JS файлы.

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

• Настройка клиентского кэширования в Nginx

Инвалидация:

• Самый простой вариант указывать версию в GET параметрах.
• Для статики можно использовать Fingerprint файлов