The Mysterious Life of Web Apps in the Background

on YouTube ↗38m

" summary

A test site uses WebSockets, requestAnimationFrame, CSS animations, setInterval, a Web Worker and a Service Worker to record what actually runs when pages hide: rAF and CSS animations stop; main-thread timers throttle to about 1s on desktop and 10s in Safari, 500ms throttling on iOS/iPadOS; Chromium-based PWAs get up to 5 minute worker/service-worker execution, Firefox stops pages immediately (service worker ~30s). Covers Page Visibility API, Page Lifecycle freeze/resume, Clients API and polyfills plus strategies to save/restore state.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:21Why background behavior matters
3. 2:24Spying on background apps
4. 6:37Desktop background behavior
5. 8:00iOS background behavior
6. 11:14Android background behavior
7. 16:50Timer throttling summary
8. 19:21Detecting background state
9. 22:34Executing code in background
10. 25:41Key takeaways
11. 26:08Q&A

" related talks

• 01h 13mWeb: The good partsKen Wheeler · HolyJS Piter 2020
• 25mDemystifying Web Workers and Service WorkersNolan Lawson · CascadiaFest 2016
• 43mService workersPatrick Kettner · Frontend United 2017
• 45mThe (Awesome) Future of Web AppsJad Joubran · Dutch PHP Conference 2017
• 28mThe App-Changing Magic (and Joy) of Web APIsTrent Willis · HalfStack Charlotte 2023
• 51mAMP, PWAs, HTTP/2 and Service Workers: A New Era of Web Performance?F. Gessert · code.talks 2017
• 01h 03mSpeed up your Web ApplicationSebastian Springer · W-JAX 2018
• 24mPWA for Mobile EngineersMaurizio Mangione · Droidcon Italy 2018