Service Worker

Как регистрируется

// Регистрация
if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js');
}

// sw.js — файл Service Worker
self.addEventListener('install', event => {
  event.waitUntil(
    caches.open('v1').then(cache =>
      cache.addAll(['/index.html', '/app.css', '/app.js'])
    )
  );
});

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

Стратегии кеширования

• Cache First — кеш, если есть; сеть как fallback. Для статики
• Network First — сеть, если недоступна — кеш. Для API
• Stale While Revalidate — вернуть кеш, обновить в фоне

Ограничения

Только HTTPS. Нет прямого доступа к DOM. Собственный цикл жизни (install → activate → fetch).