Как управлять кэшом на уровне запросов в браузере

Для управления кэшем на уровне запросов в браузере используются HTTP-заголовки. Основные подходы:

1. Cache-Control - основной заголовок:

response.setHeader("Cache-Control", "max-age=3600, must-revalidate");

Популярные директивы:

• no-cache - кэшировать, но проверять свежесть
• no-store - запрет кэширования
• max-age - время жизни в секундах

2. ETag/Last-Modified для валидации:

response.setHeader("ETag", "unique-version-123");
response.setHeader("Last-Modified", "Wed, 21 Oct 2023 07:28:00 GMT");

3. Expires (устаревший, лучше использовать Cache-Control):

response.setHeader("Expires", "Thu, 01 Dec 2023 16:00:00 GMT");

Для AJAX-запросов можно добавить cache: false в jQuery или headers: {'Cache-Control': 'no-cache'} в Fetch API.