#serviceworker — Public Fediverse posts

PWA mohou webu přidat ikonu na ploše, fungování bez připojení, notifikace a některé systémové funkce. Nejsou ale cestou k jednomu klientu pro všechny platformy. Vyplatí se tam, kde se lidé k webu vracejí a ocení okamžitý vstup z odkazu. Jakmile aplikace musí spolehlivě běžet na pozadí nebo fungovat stejně na každém zařízení, bývá vhodnější nativní řešení.

Conférence #ParisWeb : le 25 septembre, @planeth nous dira pourquoi les Service Worker, c'est la potion magique du Web. Ça rend surpuissant, mais seule une poignée de Gaulois irréductibles connaît.

https://www.paris-web.fr/2026/conference/laissez-tomber-votre-router-adoptez-un-service-worker

Programme complet et inscriptions sur notre site : https://www.paris-web.fr/2026

#ServiceWorker #développement #performance #outils

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

Как я устал вручную писать сервис-воркеры и сделал 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

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

#Development #Guides
Full stack web push API guide · A manual on setting up web push notifications https://ilo.im/15z55c

_____
#PushNotification #PWA #WebApp #Browser #JavaScript #ServiceWorker #WebDev #Frontend #Backend

Why is #Fennec #FDroid still stuck in version 124 ​:youmu_squint:​

I need the #ServiceWorker support in #Firefox 125 ​:TenshMelt:​

#Development #Releases
New in Chrome 123 · light-dark function, Service Worker Routing API, and more https://ilo.im/15ybla

_____
#Chrome #Browser #Animation #LightMode #DarkMode #ServiceWorker #PWA #WebDev #Frontend #CSS

@Yoshi @GottaLaff

Sorry not to appreciate her philanthropy properly for you

I've been paying off my #StudentDebt for almost 20 years & barely touched the principal bc I wasn't able to finish my degree & got stuck in low-wage #ServiceWorker positions

It's coming out of #SocialSecurity & part-time library work now

#Capitalism is stupid & I don't gaf if there's one or two nice billionaires out there. Billionaires shouldn't exist while children live in cars

Why Your Website Should Work Offline (And What You Should Do About It) - DEV Community
https://dev.to/opensourcee/why-your-website-should-work-offline-and-what-you-should-do-about-it-fck #JavaScript #WebWorker #ServiceWorker

Chrome ändert PWA-Installationskriterien: Service Worker nicht mehr erforderlich | heise online
https://www.heise.de/blog/Chrome-aendert-PWA-Installationskriterien-Service-Worker-nicht-mehr-erforderlich-9356942.html #Webbrowser #Browser #Chrome #PWA #ServiceWorker

🔎 I am currently searching for an #E2ETesting library. The most important thing for me to test, which I probably cannot test in a different way, is native browser notifications after receiving a push notification from a #JavaScript #ServiceWorker.

Solutions I know of include #Selenium, #WebDriverIO, #Playwright, #NightWatch and #Cypress.

❓ Do you have any other ideas or opinions on those testing libraries?

Going to add a few thoughts for some of them in separate toots.

Regarding local development of apps that have service workers, a simpler fix is to open them in an Incognito / Private Browsing window. That way the SW gets reinstalled and you start fresh. Never have an old SW sitting around ready ruin your day.

https://social.tchncs.de/@teleclimber/111190583948649111

I got this by reading through the #Workbox docs: https://developer.chrome.com/docs/workbox/improving-development-experience/#service-worker-development-aids

#PWA #serviceworker

How should you manage a #WebSocket connection in a Multi-page App? Say, one that needs to listen on all pages all the time like a chat widget?

Do you connect in the main thread, and just reconnect on each page navigation?

Or do you create the #socket in a #serviceWorker instead?

#webDev #javaScript #web #webSockets #networking #mpa #serviceWorkers

I had some weird issues with #Mastodon on #Firefox. Images weren't being loaded, except when I did a forced reload. Lots of errors along the lines of A #ServiceWorker passed a promise to FetchEvent.respondWith(). The fix seemed to be to unregister Service Workers for the site under Application » Service workers » Unregister. Not sure exactly what this was about, but try it if you're having the same issue.