Download as PDF, PPTX
Uploaded byApoorv Saxena
Service workers in JavaScript
The document discusses the functionality and applications of service workers, highlighting their roles as network proxies and their capabilities for offline support and caching. It emphasizes efficient resource handling, including image optimization techniques and push notifications, while referencing relevant specifications and demonstrations. The material presents survey questions aimed at gauging awareness and usage of service workers among participants.
Service workers in JavaScript
- 1. What’s happening with ServiceWorkers?
- 2. Let’s start witha survey
- 3. Q1: How manyof you are aware of more than one feature of “Service Workers”?
- 4. Q2: How manyof you are using Service Workers?
- 5. Q3: How areyou using Service Workers?
- 6.
- 7. What is aService Worker?
- 8. Scriptable Request Interceptor /Network Proxy
- 9.
- 10. Syncing data When onlineafter being offline
- 11.
- 12. Fallback response e.g. 404request for an image
- 13.
- 14. Communication between rendererand Service worker possible via PostMessage API
- 15. Timeout requests. Don’t haveSPOFs. Enforce latency SLA on third party requests.
- 16.
- 17. Request JSON andrender HTML via cached templates Drastically reduces the data sent to client on every page refresh.
- 18. Don’t invalidate complete resource Getand use the diff of the updated resource. **based on HTTP archive data, after 30 days the CSS data is 97% similar
- 19. Images and ServiceWorkers
- 20. Dynamic image format Rewriteimage url based upon the client headers for supported image formats
- 21. Image spritesheet Don’t relyon CSS background-image for using Image sprites
- 23. Cached header forJPEGs Based on Facebook Engineering’s image optimization post
- 24.
- 25.
- 26. CSP in usewith Service Workers
- 28. Resources: ● W3C spec ●Service Worker specification ● Service Worker Demos ● Is Service Worker ready? Slides: ● There’s a proxy in your browser - Ilya Grigorik
- 29.