Зачем нужен Service Worker

Service Worker — это скрипт, который работает в фоне отдельно от веб-страницы, позволяя реализовать функциональность, не зависящую от основного потока. Основные сценарии использования:

1. Оффлайн-работа — кеширует ресурсы, позволяя приложению работать без интернета.
2. Фоновые задачи — синхронизация данных, push-уведомления.
3. Ускорение загрузки — предварительное кеширование статики.

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

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

Ключевые особенности:

• Работает в отдельном потоке.
• Жизненный цикл управляется событиями (install, activate, fetch).
• Требует HTTPS (кроме localhost).