Как кэшировать статику на Frontend

Для кэширования статики на фронтенде используйте:

1. HTTP-кеширование через заголовки:

Cache-Control: public, max-age=31536000, immutable

Для файлов с хэшем в имени (например, main.abcd1234.js)

2. Service Worker для кеширования в браузере:

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

3. Локальное хранилище для мелких данных:

localStorage.setItem('cachedData', JSON.stringify(data));

4. CDN - настройте кеширование на стороне CDN-провайдера

Для динамического контента используйте stale-while-revalidate стратегию. Обязательно добавляйте версионирование или хэши к именам статических файлов, чтобы избежать проблем с устаревшим кешем.