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

Браузер кэширует ресурсы (HTML, CSS, JS, изображения) для ускорения загрузки страниц. Основные механизмы:

1. HTTP-кеширование
   Заголовки Cache-Control, Expires, ETag управляют кешированием. Например:
   http

   Копировать

   Cache-Control: max-age=3600

2. Service Workers
   Позволяют кешировать ресурсы программно:

   javascript

   Копировать

   self.addEventListener('fetch', (event) => {
     event.respondWith(
       caches.match(event.request)
     );
   });

3. LocalStorage/SessionStorage
   Для хранения данных (до 5-10MB).

4. IndexedDB
   Для структурированных данных (большие объемы).

Кеш обновляется при изменении URL (через query-параметр или хеш) или принудительно через Ctrl+F5.