Для чего использовать Service Worker

Service Worker — это скрипт, который работает в фоне браузера, отдельно от веб-страницы, и позволяет перехватывать сетевые запросы, кэшировать ресурсы и управлять оффлайн-работой приложения.

Основные сценарии использования:

• Оффлайн-доступ — кэширование статики и API-ответов для работы без интернета.
• Ускорение загрузки — возврат закэшированных данных вместо сетевых запросов.
• Фоновые задачи — синхронизация данных или push-уведомления.

Пример регистрации:

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js')
    .then(reg => console.log('SW registered'))
    .catch(err => console.error('SW failed:', err));
}

Файл sw.js:

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

Осторожно: SW работает только по HTTPS (кроме localhost).