Публикации по теме 'service-worker'


Настройка политик кеширования для сервис-воркеров для оптимизации производительности
Автор Микель | Фронтенд-джедаи Если вы читаете это, я позволю себе взять на себя смелость и предположить, что вы уже знакомы с Service Workers (SW) и их ценностью как для пользователей, так и для разработчиков. Если нет, вот несколько ссылок, которые помогут вам быстрее: Знакомство Google с обслуживающим персоналом Браузерная поддержка сервис-воркеров Спецификации сервис-воркеров в разработке В Marfeel мы были одними из первых, кто начал использовать Service Workers;..
5-минутное введение в Workbox 3.0
Workbox - это набор библиотек JavaScript, которые помогут вам с функциями, связанными с сервис-воркером , когда вы создаете Progressive Web Apps . В этой статье я собираюсь сосредоточиться только на использовании workbox для создания файла сервис-воркера для вашего приложения. W̵o̵r̵k̵b̵o̵x̵ ̵J̵S̵ ̵i̵s̵ ̵c̵u̵r̵r̵e̵n̵t̵l̵y̵ ̵i̵n̵ ̵A̵l̵p̵h̵a̵.̵ ̵I̵ ̵w̵i̵l̵l̵ ̵k̵e̵e̵p̵ ̵t̵h̵i̵s̵ ̵a̵r̵t̵i̵c̵l̵e̵ ̵u̵p̵ ̵t̵o̵ ̵d̵a̵t̵e̵ ̵a̵s̵ ̵W̵o̵r̵k̵b̵o̵x̵ ̵3̵ ̵r̵e̵a̵c̵h̵e̵s̵ ̵a̵ ̵s̵t̵a̵b̵l̵e̵..
Рецепты из кеша
CacheStorage API позволяет безопасно сохранять данные в виде пар запрос-ответ. Это ключевой игрок, стоящий за офлайн-поддержкой прогрессивных веб-приложений. Со временем использование CacheStorage API развило несколько общих шаблонов, которые являются простыми, понятными и должны быть в состоянии обрабатывать 90% случаев использования. Большинство из них связаны с Service Worker API, но, конечно, не ограничиваются им, поскольку CacheStorage также доступен через глобальный объект..
Создание и список офлайн-доступных страниц в PWA
Пошаговое руководство о том, как запросить ваш кэш и перечислить офлайн-страницы с помощью сервис-воркеров и Cache API. Это функция, с которой я редко сталкиваюсь при просмотре веб-страниц, и вы наверняка тоже. Это может быть по ряду причин, включая структуру приложения, нехватку ресурсов / времени и незнание разработчиками, что это можно сделать в Интернете. Для реализации такой функции требуется сервисный работник и эффективное использование Cache API. Из-за этих требований у..
4 сценария использования Creative Service Worker
Service worker, новый член семейства javascript-воркеров, привлекает к себе все больше и больше внимания благодаря популяризации прогрессивных веб-приложений. Обычно люди используют его для кэширования ресурсов своих веб-сайтов, но иногда они придумывают действительно интересные способы использования этой технологии. Я хотел поделиться с вами некоторыми из них, которые действительно привлекли мое внимание. 1. Service Worker Prerender Разве вы не ненавидите всплеск контента, когда..
Полное руководство по push-уведомлениям с использованием FCM, узлового сервера и сервис-воркеров на стороне клиента…
Полное руководство по push-уведомлениям с использованием FCM, узлового сервера и сервисных работников в javascript на стороне клиента. Три ключевых шага при реализации push: 1. Добавление логики на стороне клиента для подписки пользователя на push-уведомления (т. е. JavaScript и пользовательский интерфейс в вашем веб-приложении, которые регистрируют пользователя для push-сообщений). 2. Вызов API из вашего бэкэнда/приложения, который запускает push-сообщение на пользовательское..
Как использовать Angular 6+ Service Worker для (динамической) загрузки изображений
Сегодня я хочу показать вам, как использовать сервисный воркер Angular 6+ по умолчанию для кэширования динамически загружаемых ресурсов. Это особенно полезно, если вы используете стек JAM и не знаете, какие ресурсы редактор может использовать для контента. А поскольку мы не можем установить более одного сервис-воркера на страницу, было бы здорово, если бы мы могли использовать Angular Service Worker по умолчанию вместо того, чтобы переписывать весь сервис-воркер самостоятельно. Какую..