https://workboxjs.org

Workbox  |  Chrome for DevelopersBuild progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome teamWorkbox  |  Chrome for Developers Get inspired Blog Docs Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere. Web Platform Capabilities ChromeDriver Extensions Chrome Web Store Chromium Aurora Web on Android Origin trials Release notes Productivity Create the best experience for your users with the web's best tools. DevTools Lighthouse Chrome UX Report Accessibility Get things done quicker and neater, with our ready-made libraries. Workbox Puppeteer Experience Design a beautiful and performant web with Chrome. AI Performance CSS and UI Identity Payments Privacy and security Resources More from the Chrome team. All documentation Baseline web.dev New in Chrome / English Deutsch Español – América Latina Français Indonesia Italiano Nederlands Polski Português – Brasil Tiếng Việt Türkçe Русский עברית العربيّة فارسی हिंदी বাংলা ภาษาไทย 中文 – 简体 中文 – 繁體 日本語 한국어 Sign in Workbox Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team Overview Modules Get inspired Blog Docs More Overview Modules New in Chrome Build with Chrome Web Platform Capabilities ChromeDriver Extensions Chrome Web Store Chromium Aurora Web on Android Origin trials Release notes Productivity DevTools Lighthouse Chrome UX Report Accessibility Workbox Puppeteer Experience AI Performance CSS and UI Identity Payments Privacy and security Resources All documentation Baseline web.dev Home Docs Workbox Stay organized with collections Save and categorize content based on your preferences. Workbox Production-ready service worker libraries and tooling. Intro to service workers Learn how service workers can progressively enhance your website and how Workbox helps. article Service worker overview Service workers are specialized JavaScript assets that act as proxies between web browsers and web servers. article Lifecycle Understanding the way that service workers behave to make offline applications possible. article Caching strategies Strategies for interaction between a service worker's fetch event and the Cache interface. article Workbox overview A set of modules that simplify common service worker routing and caching. What you need to know Guidance to consider when building a service worker. Expectations around service worker deployment Understand the effect a service worker has on a website once deployed. Remove buggy service workers How to fix a service worker that is causing problems. Improve the service worker development experience Solve some of the local development issues you may encounter when using service workers. Troubleshoot and logging A look at Workbox's logging features, and in-browser service worker debugging tools. Strategies for different architectures Introduction to the two different website architectures. Application shell model How to pair the application shell model with a service worker in your SPA. Navigation Preload for Network-first HTML What Navigation Preload is, how it speeds up navigation, and how to use it in Workbox. Faster multipage applications with streams Use workbox-streams to create multi-page applications to create fast experiences that render almost instantaneously. Pre-caching dos and don'ts Learn the do's and don'ts of pre-caching. Storage quota A guide on configuring Workbox to avoid storage quota issues. Use cases and recipes Learn how to handle different use cases to get the most out of Workbox. article Use workbox-window Sometimes users go offline. Learn how to adapt, and help them resume requests when they eventually go back online. Read the doc article Caching resources during runtime Learn how to handle caching resources during runtime, including cross-origin resources. Read the doc article Force network timeout Learn how to force a network timeout in the presence of a slow network connection, with the right timing. Read the doc article Access caches from the window Accessing cache instances isn't just restricted to the service worker scope. Learn how to access them from the window context. Read the doc article Serve cached audio and video Learn how to use workbox-range-request to deal with audio and video resource requests in a predictable way. Read the doc article Manage fallback responses Sometimes users encounter network failures or go offline. Learn how to adapt to those situations and provide a fallback response. Read the doc article Handle updates immediately How to update users when you update a service worker. Read the doc article Retrying requests when back online Sometimes users go offline. Learn how to adapt, and help them resume requests when they come back online. Read the doc article Workbox plugins While Workbox offers lots of off-the-shelf utility, you may need to extend it to satisfy application requirements. Read the doc Additional resources Dive deeper into Workbox modules, source code, and more. article Workbox modules Service workers are specialized JavaScript assets that act as proxies between web browsers and web servers. Read the docs web Workbox on GitHub File issues, read release notes, and browse the source code. Visit GitHub open_in_new [{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"Missing the information I need" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"Too complicated / too many steps" },{ "type": "thumb-down", "id": "outOfDate", "label":"Out of date" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"Samples / code issue" },{ "type": "thumb-down", "id": "otherDown", "label":"Other" }] [{ "type": "thumb-up", "id": "easyToUnderstand", "label":"Easy to understand" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"Solved my problem" },{ "type": "thumb-up", "id": "otherUp", "label":"Other" }] {} Contribute File a bug See open issues Related content Chromium updates Case studies Archive Podcasts & shows Follow @ChromiumDev on X YouTube Chrome for Developers on LinkedIn RSS Terms Privacy Manage cookies English Deutsch Español – América Latina Français Indonesia Italiano Nederlands Polski Português – Brasil Tiếng Việt Türkçe Русский עברית العربيّة فارسی हिंदी বাংলা ภาษาไทย 中文 – 简体 中文 – 繁體 日本語 한국어enen1728861361https://workboxjs.org

Edit your site?

What are you doing?