Сервисворкер: когда Workbox уже слишком тяжёлый

Сервис‑воркеры сегодня — не экзотика, а рабочий инструмент: offline‑режим, агрессивное кэширование, «живые» обновления и всё такое. Под это уже давно есть отличный, проверенный Workbox, и я сам с ним работал. Но по мере того, как я таскал SW из проекта в проект, у меня всё чаще возникало ощущение, что мне нужен инструмент с другим профилем : поменьше магии и слоёв абстракции; попроще вход в код и в «как тут всё устроено»; конструктор из маленьких плагинов, которые легко прочитать глазами и отладить. Поэтому я написал @budarin/pluggable-serviceworker — не вместо Workbox , а как более лёгкий, типизированный и прозрачный рантайм для тех случаев, когда хочется полной управляемости и минимально возможной когнитивной нагрузки.

https://habr.com/ru/articles/995064/

#serviceworker #plugin #preset #pwa #offlinefirst #альтернативы_Workbox #сервисворкер

Инженерия UX и производительности: от ядра к периферии

Очень краткий рассказ про семь проектов, построенных одним инженером на унаследованной платформе. Легаси. Много дополнительных модулей. Очень медленная загрузка страниц. Визуально сайт выглядит морально устаревшим. Мобильного приложения нет. Пользователи есть, пользуются, но страдают (с большими экранами очень страдают). Хотелось не просто ускорить метрики, а выстроить полноценную систему, которая бы работала для пользователя как обычное SPA-приложение: быстро, плавно, визуально современно, а главное с уважением к пользователям.

https://habr.com/ru/articles/980970/

#производительность #оптимизация #ux #pwa #opencart #serviceworker #кэширование #инжиниринг #fullstack #selfcontained_app

The latest installment in my "Today's Readings" series, offering my rants and thoughts based on findings from around the world-wide web, including #ai, #baseline, #css, #fonts, #js, #performance, #serviceworker, #svg, #wordpress and more. Happy reading!

https://aarontgrogg.com/blog/2025/11/18/todays-readings-408/

Xin chào! Tôi đang xây dựng ứng dụng NodeJS cần HTTPS để sử dụng Service Workers và ẩn Dimiturь address bar trên di động. Vì ứng dụng này có thể được dùng bởi những "chim chó", không thể Noel chứng minhاش trên पै dasar. Ai mong giải pháp hợp lý, cả trả phí nhỏ thôi! #NodeJS #HTTPS #WebApp #ServiceWorker #Mobile #TechSupport #NgônNghNh'ouest #HTTPSolutions

https://www.reddit.com/r/selfhosted/comments/1oe1st2/valid_ssl_cert_for_internal_network_app_website/

Как я устал вручную писать сервис-воркеры и сделал next-pwa-pack, чтобы больше не страдать

Сколько лет уже кто-то говорит: «А можно, чтобы оно работало без интернета и ставилось на домашний экран?» И каждый раз после этой фразы начинается медленный спуск в персональный ад — ты лезешь в документацию по PWA, где всё разваливается на ровном месте, service worker живёт своей жизнью, кеш то работает, то ломается, App Router рушит весь твой кастомный пайплайн, а пользователи сидят на старых версиях, потому что вручную обновлять им, конечно, влом. Словом, если ты когда-то пробовал прикрутить оффлайн-режим к Next.js-проекту, ты наверняка вспоминал всех, кто придумал этот стек. Я — точно. Поэтому, как человек, у которого было слишком много кофе и слишком мало терпения, я сделал единственное разумное: написал свою обёртку. Так и появился next-pwa-pack — дроп-ин пакет, который превращает любой Next.js-проект в полноценное PWA, буквально одной строкой. Да, даже с App Router. Просто заворачиваешь свой layout в PWAProvider, и всё: приложение можно установить, оно кэширует страницы, работает оффлайн, синхронизирует вкладки и даже показывает отладочную панель, чтобы не гадать, сработало ли что-нибудь. Воткнул — и живи дальше. А то: Сервис-воркер? Напиши вручную. Кешировать HTML? Сам придумай как. Синхронизация вкладок? Ну это уже магия, удачи. Обновление кеша после деплоя? Ну ты ж senior, сам справишься. 🤡 И ты сидишь, как идиот, с 300 вкладками про Workbox, cache-first , network-only , костылями из Stack Overflow 2019 года, и потеешь. Если раньше каждый запрос «сделай оффлайн» вызывал у меня флэшбэк на тему next-pwa, неподдерживаемых версий, кривого кеша и плясок с бубном вокруг обновлений — теперь всё это ушло. Я хотел простой setup, который просто работает: предзагрузка, нормальные TTL, понятное обновление и синхронизация. Без фокусов, без багов, без “подожди, сейчас DevTools открою”. Погнали дальше!

https://habr.com/ru/articles/935024/

#nextjs #progressive_web_apps #app_router #serviceworker #reactjs #react

There's now an #IPFS #ServiceWorker Gateway that supports subdomain resolution!

👉 To make content on the IPFS network accessible in a web #browser, you need a #HTTP gateway. This one automatically adds a service worker, speeding up subsequent access and improving #decentralization:

https://inbrowser.link/

Here's a link to my "How to host static websites on IPFS" #howto using it:

https://ipfs--howto-data0-one.ipns.inbrowser.link/

Разрабатываем PWA. Полная инструкция по работе с Web App Manifest и Service Worker

Привет! Меня зовут Сергей Васильев, я фронтенд-разработчик в AGIMA . Наша команда часто работает с PWA — прогрессивными веб-приложениями. Они стали особо популярны в последние три года, когда из-за санкций некоторым корпорациям пришлось отказаться от мобильных приложений. Но и раньше многие компании с интересом смотрели на это решение. Ниже расскажу, как сделать из обычного веб-приложения прогрессивное: вместе настроим Web App Manifest и Service Worker. Если вам еще не доводилось работать с PWA — текст точно для вас.

https://habr.com/ru/companies/agima/articles/901736/

#pwa #web_app_manifest #serviceworker #javascript #google_chrome #frontend #html

Side quest sneak peek: a browser extension that visualizes (Service Worker) Cache Storage for web sites.

Decided to build this after seeing how difficult it is too see what's stored in Service Worker cache. They can (accidentally) take up quite a lot of storage space.

Repo: https://github.com/cheeaun/stakataka
Not released yet, under review in Chrome Web Store.

#WebDev #FrontEnd #BrowserExtension #ServiceWorker