Как настраивается кэширование в браузере

Кэширование в браузере настраивается через HTTP-заголовки ответа сервера:

1. Cache-Control – основной заголовок. Примеры:
   • Cache-Control: max-age=3600 – кэшировать на 1 час
   • Cache-Control: no-cache – требуется валидация
   • Cache-Control: no-store – запрет кэширования

2. Expires – устаревший аналог, указывает конкретную дату:

   • Expires: Wed, 21 Oct 2025 07:28:00 GMT

3. ETag/Last-Modified – для валидации кэша:

   • Сервер возвращает ETag или Last-Modified
   • Клиент отправляет If-None-Match/If-Modified-Since при повторном запросе

Пример для статики (в nginx):

location ~* \.(js|css|png)$ {
  expires 1y;
  add_header Cache-Control "public, immutable";
}

Для динамического контента обычно используют no-cache или короткий max-age с must-revalidate.