Всем привет!
Меня зовут Прокошкин Леонид, я Frontend-разработчик в компании DDPlanet.
Хочу рассказать о том, как мы решали проблему с высокой нагрузкой на сервер и большими расходами трафика при использовании тяжелых Lottie-анимаций.
Рубрика «service worker»
Кеширование Lottie-анимаций с помощью Service Worker
2025-10-02 в 11:33, admin, рубрики: caching strategies, frontend performance, json animations, lottie, pwa, service worker, кеширование, оптимизация фронтендаPush-Notifications в PWA и браузере: полная реализация без сторонних сервисов
2025-09-11 в 5:22, admin, рубрики: iOS, notifications, notifications api, push, push api, push notifications, pwa, service worker, VAPIDService Worker + Push API + VAPID ключи + Notifications API = полноценные push-уведомления в браузере. Никаких внешних сервисов, полный контроль над функциональностью.
В отличие от нативных приложений, веб-push не требует установки, обновляется автоматически и работает на всех платформах. Единственная сложность — особенности iOS, где Apple добавила поддержку только в 2023 году.
Архитектура push-уведомлений
SW: stale-while-revalidate на практике + гист
2025-08-18 в 6:15, admin, рубрики: service worker, stale-while-revalidate, SWRService Worker на практике: стратегия stale-while-revalidate (+ готовый гист)
Что делает stale-while-revalidate (SWR)
Идея простая:
-
Сразу отдать то, что уже лежит в кэше (stale).
-
Параллельно сходить в сеть за свежей версией (revalidate).
-
Бесшовно обновить кэш «в фоне», чтобы следующий визит был уже со свежими данными.
Пользователь видит быстрый отклик, а мы — постоянно «подтягиваем» актуальный контент.
Когда применять SWR
-
Статика: CSS/JS/шрифты/картинки (особенно CDN).
-
API, не критичное к абсолютной свежести: теги, рейтинги, рекомендации.
Пишем одностраничное приложение с помощью htmx
2024-10-13 в 9:01, admin, рубрики: html, htmx, javascript, MPA, ruvds_перевод, service worker, SPA, одностраничное приложение
JS-библиотеку htmx воспринимают как средство, которое спасает интернет от одностраничных приложений. Всё дело в том, что React поглотил разработчиков своей сложностью (так говорят), а htmx предлагает столь желанное спасение.Читать полностью »
Обход блокировки РКН с помощью магии Service Worker’ов
2021-09-16 в 16:04, admin, рубрики: javascript, JS, service worker, блокировка, информационная безопасность, разблокировка, ркн
Приветствую!
Я не претендую на срывание покров или какой-то революционный способ, но мой метод позволит как минимум сохранить ту часть трафика, так преданного вашему проекту/сайту/блогу, и немного вернуть справедливость со всеми этими перипетиями с массовыми блокировками.
Читать полностью »
SSEGWSW: Server-Sent Events Gateway by Service Workers
2019-10-16 в 10:01, admin, рубрики: Google Chrome, http, javascript, server-sent events, service worker, sse, stream api, WebSocket, Блог компании Tinkoff.ruПривет!
Меня зовут Саша и я работаю архитектором в Тинькофф Бизнес.
В этой статье хочу рассказать о том, как преодолеть ограничение браузеров на количество открытых долгоживущих HTTP-соединений в рамках одного домена при помощи service worker.
Если хотите — смело пропускайте предысторию, описание проблемы, поиск решения и сразу переходите к результату.
Почитать на каникулах. Лучшие посты в нашем блоге за 2018 год
2018-12-27 в 4:11, admin, рубрики: Apple Watch, css, email on acid, foundation for emails, JS, litmus, ltr, mjml, service worker, web push, бирюзовые организации, Блог компании 2ГИС, верстка рассылок, интерфейсы, микросервисы, Программирование, Управление продуктом, Читальный зал
Привет! Грядут новогодние каникулы, а с ними и некоторое количество свободного времени Собрали подборку популярых статей из нашего блога. Внутри деление → бекенд, фронтенд, команда, мобильная разработка.
Приглядитесь, даже если почитываете наш блог время от времени.
Читать полностью »
JS DevDay. Запись докладов
2018-05-16 в 4:23, admin, рубрики: angular, AngularJS, javascript, react native, ReactJS, service worker, titanium, Блог компании 2ГИС, конференции, Программирование
27 апреля мы провели JavaScript DevDay — разговаривали и про мобилку, и про веб, и про гибридные приложения. Делимся записями трёх докладов.
Первый будет полезен, если вам понадобилась аргументация почему НЕ стоит использовать Аppcelerator Titanium. Второй повествует о том, как ускорить ваше веб-приложение с помощью service worker. Посмотрев третий доклад вы узнаете, как написать гибридное приложение на Angular.
JS DevDay: про титан, рабочих и гибриды
2018-04-12 в 4:09, admin, рубрики: angular, AngularJS, javascript, react native, ReactJS, service worker, titanium, Блог компании 2ГИС, конференции, Программирование
Мы готовимся сделать то, что не делали вот уже два года, — 27-го апреля соберём на DevDay 150 неравнодушных к JavaScript. Научимся жить с Titanium, ускорять приложение с помощью service workers и напишем гибридное приложение на Angular.
Под катом явки, пароли и про трансляцию.
Читать полностью »
Генерация страниц сайта средствами сервис-воркеров
2018-04-11 в 7:00, admin, рубрики: cache, html, indexeddb, javascript, offline, progressive web apps, pwa, service worker, serviceworker, Блог компании Mail.Ru Group, Разработка веб-сайтов
(С)
Из этой статьи вы узнаете, как прямо на мобильном устройстве, в браузере, создать страницу со списком закэшированных ранее материалов сайта, чтобы условный, застрявший в лифте пользователь, не скучал без интернета. По мере приближения к цели мы коснемся следующих тем:
- кэширование страниц сайта для офлайн доступа;
- ведение учета страниц, доступных офлайн, проброс необходимых данных;
- мониторинг статуса сети, онлайн или офлайн;
- общение сервис-воркера со страницами и вкладками, которые он обслуживает;
- перехват сервис-воркером запроса на открытие адреса
/offline/и генерирование новой страницы прямо на устройстве, без запроса к серверу.
Если тема сервис-воркеров и Progressive Web Apps (PWA) для вас новая, то перед чтением этой статьи необходимо познакомиться с ними поближе.
Меня зовут Рыбин Павел, я работаю во фронтенд-разработке Медиапроектов Mail.Ru Group. Это руководство мне помогали писать грабли, набитые шишки и подводные камни, попавшиеся мне при реализации PWA для мобильной версии Авто Mail.Ru.
В тексте будут встречаться небольшие примеры кода, иллюстрирующие рассказ. Расширенную же демо-версию можно посмотреть на GitHub.
Читать полностью »