Сервисворкер: когда 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

The code for this component can be found on GitHub at the following address: https://github.com/mapcomponents/react-map-components-apps/tree/main/multi_tab

and you can have a look at the demo from the screen recording here: https://catalogue.mapcomponents.org/en/component-detail/MultiTab

#serviceworker #react #WebDevelopment #GitHub #GIS

Est-ce qu’on peut faire une web app sans framework JS aujourd’hui ?
La réponse c'est oui !
ES modules et Service Worker ont changé la donne.
Pourquoi ? https://alethgueguen.com/une-web-app-sans-framework-js-cest-oui
#webDev #webApp #serviceWorker #sobrieteNumerique

【実践】PWAで作るクロスプラットフォーム対応のメモ帳アプリ
https://qiita.com/yonaka15/items/8b3ef79565aaafddf5ae?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #ServiceWorker #PWA #webmanifest

Todo-лист на максималках: разбираем архитектуру крупного приложения

В этой статье я покажу, как устроена многослойная архитектура крупного реактивного web-приложения, и особенности его запуска под Electron. Материал будет полезен, если вы планируете начать свою разработку, хотите попробовать себя в роли архитектора, вас не пугает Shared Workers, Service Workers или, в конце концов, вы хотите это попробовать или разобраться.

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

#Electron #sharedworker #worker #тай #фронтенд #serviceworker #s3 #react #redux

“A Local-First Case Study” by @jakelazaroff

🔗 https://jakelazaroff.com/words/a-local-first-case-study/

> It helps a lot that various libraries in the ecosystem compose well. Just snapping together ProseMirror, Yjs and Y-Sweet gave me a collaborative rich text editor with shared cursors. Adding in `yjs-indexeddb` made it work offline. This was all mostly out of the box, with very little setup; the degree to which everything Just Works is…

#PWA #ServiceWorker #offline

⚓️ https://nicolas-hoizey.com/links/2024/10/07/a-local-first-case-study/

“Building a Single-Page App with htmx” by @jakelazaroff

🔗 https://jakelazaroff.com/words/building-a-single-page-app-with-htmx/

> It’s a simple proof of concept todo list. Once the page is loaded, there is no additional communication with a server. Everything happens locally on the client.
>
> How does that work, given that htmx is focused on managing hypermedia exchanges over the network?
>
> With one simple trick: the “server-side” code runs in a service…

#ServiceWorker #htmx

⚓️ https://nicolas-hoizey.com/links/2024/10/07/building-a-single-page-app-with-htmx/

#JavaScript #ServiceWorker that occassionally checks an #RSS feed and creates a notification if new items have arrived.

#WebDev

“A Local-First Case Study” by @jakelazaroff

🔗 https://jakelazaroff.com/words/a-local-first-case-study/

> It helps a lot that various libraries in the ecosystem compose well. Just snapping together ProseMirror, Yjs and Y-Sweet gave me a collaborative rich text editor with shared cursors. Adding in `yjs-indexeddb` made it work offline. This was all mostly out of the box, with very little setup; the degree to which everything Just Works is…

#PWA #ServiceWorker #offline

⚓️ https://nicolas-hoizey.com/links/2024/10/07/a-local-first-case-study/

“Building a Single-Page App with htmx” by @jakelazaroff

🔗 https://jakelazaroff.com/words/building-a-single-page-app-with-htmx/

> It’s a simple proof of concept todo list. Once the page is loaded, there is no additional communication with a server. Everything happens locally on the client.
>
> How does that work, given that htmx is focused on managing hypermedia exchanges over the network?
>
> With one simple trick: the “server-side” code runs in a service…

#ServiceWorker #htmx

⚓️ https://nicolas-hoizey.com/links/2024/10/07/building-a-single-page-app-with-htmx/

#foodservice #serviceworker #nobillionaires #taxtherich #eattherich

Turbo pet peeve at work is when a customer acts wayyy too familiar. It’s fine if I see you several times a week, or hell! Even once a week! Just some kind of regularity. But I *just* met this dude today and he’s all “where did ya go? I needed a drink and you’re on break!” Like dude idk you like that. Also he needed attention from either me or the other bartender constantly. We got other customers man, don’t worry I’ll be over to listen to your life story after I clear service bar.

#bartender #restaurant #serviceworker #restaurantworker #casinoworker #OrganizeTheServiceIndustry