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).