Как оптимизировать Cache браузера

Оптимизация кеша браузера помогает ускорить загрузку сайта и снизить нагрузку на сервер. Основные методы:

1. Настройка HTTP-заголовков
   Используйте Cache-Control и Expires для статических ресурсов (CSS, JS, изображения).
   Пример для Nginx:
   nginx

   Копировать

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

2. Именование файлов с хешами
   Добавляйте хеш содержимого в имя файла (например, main.a1b2c3.js). Это позволяет кешировать файлы на долгий срок, так как при изменении контента имя файла изменится.

3. Использование Service Workers
   Для PWA можно кешировать ресурсы на клиенте:

   javascript

   Копировать

   self.addEventListener('install', (e) => {
     e.waitUntil(
       caches.open('v1').then((cache) => cache.addAll(['/styles.css', '/app.js']))
     );
   });

4. Ленивая загрузка (Lazy Loading)
   Загружайте изображения и компоненты только при необходимости.

5. CDN для статики
   Размещайте статические файлы на CDN для быстрой доставки.

Оптимальная стратегия: долгий кеш для статики + уникальные имена файлов при обновлениях.