Как браузер разграничивает что нужно кэшировать

Браузер кэширует ресурсы на основе HTTP-заголовков, которые приходят с сервера. Основные заголовки для кэширования:

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

• Expires – устаревший аналог max-age, указывает точную дату истечения кэша

• ETag/Last-Modified – используются для проверки актуальности кэша (условные запросы)

Пример ответа сервера с кэшированием:

HTTP/1.1 200 OK
Cache-Control: public, max-age=31536000
Content-Type: text/css

Этот CSS-файл будет кэширован на 1 год (public – можно кэшировать в CDN).