Skip to content

Web Worker

September 29, 2023
March 4, 2019

Service Workers

Client side network proxy, used to implement caching/offline, background sync, push notifications capabilities. Cannot interact with DOM.

Service Worker API - Web APIs | MDN
Is service worker ready?
Can I use... Support tables for HTML5, CSS3, etc
Service Workers: an Introduction | Web Fundamentals

Service Workies

Service Workers: an Introduction | Web Fundamentals | Google Developers
Using ServiceWorker in Chrome today - JakeArchibald.com

Offline Web Applications | Udacity
ServiceWorker Cookbook
The offline cookbook - JakeArchibald.com

googlearchive/Propel: A library to support developers implementing Web Push notifications
GoogleChromeLabs/sw-toolbox: A collection of service worker tools for offlining runtime requests
blittle/service-composer: A utility for composing Service Worker caching
blittle/service-workers: Service Workers Presentation
GoogleChromeLabs/sw-precache: A node module to generate service worker code that will precache specific resources so they work offline.
Workbox | Google Developers

The ServiceWorker: The network layer is yours to own - YouTube
Service Worker Toolbox, Totally Tooling Tips (S3 Mini Tip #2) - YouTube

Using Service Workers with create-react-app | by Shaumik Daityari | Oct, 2020 | Bits and Pieces

Web Workers

Client side "thread" to offload UI thread. Cannot interact with DOM.

Web Workers API - Web APIs | MDN
Worker - Web APIs | MDN
Can I use... Support tables for HTML5, CSS3, etc

How Web Workers Work in JavaScript – With a Practical JS Example
The Basics of Web Workers - HTML5 Rocks
A Taste of JavaScript’s New Parallel Primitives ★ Mozilla Hacks – the Web developer blog
John Resig - Computing with JavaScript Web Workers
A Simple Introduction to Web Workers in JavaScript - Young Coder - Medium
Should you be using Web Workers? (hint: probably not) | by David Gilbertson | Medium
What does a Worker do in JavaScript? - JavaScript in Plain English - Medium

PROOF JavaScript is a Multi-Threaded language - YouTube
Node.js is a serious thing now… (2023) - YouTube workerData.sharedData

GoogleChromeLabs/comlink: Comlink makes WebWorkers enjoyable.
React + Redux + Comlink = Off-main-thread — surma.dev

developit/workerize-loader: 🏗️ Automatically move a module into a Web Worker (Webpack loader)
gorillatron/async-task: Execute tasks asynchronous tasks on web Worker without seperate files.
softvar/super-workers: Distribute load on front-end via parallelism
blittle/bridged-worker: BridgedWorker is a function that makes communication between worker and main thread simple. It also means you can keep all related code in the same file, which is convenient.

PROXX — a game of proximity
GoogleChromeLabs/proxx: A game of proximity

Partytown

Welcome To Partytown
BuilderIO/partytown: Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉

Introducing Partytown 🎉: Run Third-Party Scripts From a Web Worker - DEV Community
How Partytown's Sync Communication Works - DEV Community
前端效能調校:使用 Partytown 將笨重的 JavaScript 放到 Web Workers 執行 | The Will Will Web

Worker Threads

Worker threads | Node.js Documentation
Node.js is a serious thing now… (2023) - YouTube