Service worker, новый член семейства javascript-воркеров, привлекает к себе все больше и больше внимания благодаря популяризации прогрессивных веб-приложений. Обычно люди используют его для кэширования ресурсов своих веб-сайтов, но иногда они придумывают действительно интересные способы использования этой технологии. Я хотел поделиться с вами некоторыми из них, которые действительно привлекли мое внимание.

1. Service Worker Prerender

Разве вы не ненавидите всплеск контента, когда ваше веб-приложение повторно отображается при перезагрузке страницы? Что ж, не беспокойтесь больше! Глеб Бахмутов придумал отличную идею написать служебную программу под названием bottle-service, которая позволяет делать снимки отображаемой HTML-структуры вашей страницы и кэшировать. Он удаляет вспышку контента, когда ваше веб-приложение насыщается реальными данными. Для получения дополнительной информации ознакомьтесь с публикацией в блоге авторов. Это действительно здорово!

Https://github.com/bahmutov/bottle-service

2. Отправка вашего сайта через один ZIP-архив.

Название говорит само за себя. Эта реализация, представленная на сайте serviceworke.rs, позволяет распространять веб-сайт через ZIP-пакет. Я не уверен, что это реальная ситуация, но, без сомнения, это действительно творческий вариант использования!

«Https://serviceworke.rs/cache-from-zip_worker_doc.htm сексl

3. Офлайн-аналитика

Раньше, когда веб-сайты были доступны только в Интернете, вам не нужно было знать, что ваши пользователи делают на вашем веб-сайте, когда они находятся в автономном режиме. В настоящее время, когда прогрессивные веб-приложения постепенно становятся реальностью, а ваши клиенты действительно могут использовать сайт в автономном режиме, важно иметь возможность получать всю информацию об использовании приложения с помощью аналитики. Google придумал решение. Их плагин сервис-воркер работает только для google-аналитики, но показывает возможность отслеживания пользователей в автономном режиме.



4. Балансировщик нагрузки

Это также происходит с веб-сайта serviceworke.rs. Там вы можете найти еще много интересного, поэтому рекомендую вам это проверить. Эта реализация показывает, как использовать Service worker для динамического выбора лучшего контент-провайдера в зависимости от доступности сервера.

Https://serviceworke.rs/load-balancer_service-worker_doc.html

Распространить слово

Я надеюсь, что приведенные выше примеры убедят вас узнать больше о сервис-воркере и распространить информацию, чтобы люди, наконец, обновили свои старые браузеры, и каждый мог извлечь выгоду из волшебства сервис-воркера!

Нажмите кнопку 👏, если вы нашли эту статью полезной!

О нас

Applantic - это команда увлеченных разработчиков программного обеспечения. Мы пишем наши истории на Medium ✍, но вы также можете найти нас в Instagram 📷 или Facebook ✍.

Автор этой статьи - Мацей. Front-end разработчик, работающий над веб-приложениями в компании-разработчике программного обеспечения. Он интересуется многими вещами, даже не имеющими отношения к информатике, например спортом и музыкой. Вы можете найти его на GitHub или LinkedIn.