Book Image

Service Worker Development Cookbook

By : Sean Amarasinghe
Book Image

Service Worker Development Cookbook

By: Sean Amarasinghe

Overview of this book

It would be nice to have web apps that work offline and send push notifications. This is now possible with Service Workers, which can add native-like functionality to your web apps without requiring a download. This book will get your mobile and web apps functioning without Internet connectivity, improve performance and network interaction in order to increase the level of availability, and show you how to build performant applications that seamlessly integrate with third-party APIs. We’ll show you how to add Service Worker functionality to web apps and sites, access offline content through basic and advanced techniques, and build powerful interactive system notifications. We’ll also teach you about cache functionality and assets to provide immediate load even over narrow connections. We conclude by giving you various tips to improve app performance, including the background sync technique. By the end of this book, you’ll know build high performing and faster web and mobile applications with Service Workers.

Related Content you might be interested in

Current Title:

Small book image
Service Worker Development Cookbook
Sean Amarasinghe
Sep, 2016 | 384 pages
No titles found
Table of Contents (17 chapters)
Service Worker Development Cookbook
Service Worker Development Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Learning Service Worker Basics
Learning Service Worker Basics
Introduction
Setting up service workers
Setting up SSL for Windows
Setting up SSL for Mac
Setting up GitHub pages for SSL
Registering a service worker
Registering a service worker in detail
Debugging
Providing a stale version on error
Creating mock responses
Handling request timeouts
2
Working with Resource Files
Working with Resource Files
Introduction
Displaying a custom offline page
Loading images offline
Loading CSS offline
Loading fonts offline
Implementing multiple fetch handlers
Fetching remote resources
3
Accessing Offline Content
Accessing Offline Content
Introduction
Caching critical resources for offline use
Showing cached content first
Implementing a cache and network race
Using window.caches
Implementing stale-while-revalidate
4
Accessing Offline Content with Advanced Techniques
Accessing Offline Content with Advanced Techniques
Introduction
Templating
Implementing read-through caching
Allowing offline Google Analytics
Allowing offline user interaction
Implementing selective caching
5
Reaching Beyond the Offline Cache
Reaching Beyond the Offline Cache
Introduction
Getting network responses offline
Caching content from ZIP
Selecting the best content provider (load balancer)
Redirecting a request
Setting request headers
Making a service worker act like a remote server
Making a service worker act as a dependency injector
Forcing immediate control
Implementing fallback responses
Deferring offline requests
6
Working with Advanced Libraries
Working with Advanced Libraries
Introduction
Working with global APIs
Implementing a circuit breaker
Implementing a dead letter queue
Logging API analytics
Working with Google Analytics
7
Fetching Resources
Fetching Resources
Introduction
Fetching remote resources
Fetching with FetchEvent
Fetching a JSON file during service worker installation
Proxying
Prefetching
8
Experimenting with Web Push
Experimenting with Web Push
Introduction
Implementing a simple push notification
Showing rich notifications
Using the notification tag
Implementing push clients
Subscribing to push notifications
Managing push notification quotas
9
Looking at General Usage
Looking at General Usage
Introduction
Taking immediate control of the page
Working with slow responses
Relaying messages
Using a service worker as a proxy middleware
Using a service worker with a live flowchart
10
Improving Performance
Improving Performance
Introduction
Performing network requests from a cache
Performing network requests from a network
Testing waitUntil
Implementing background sync
Sending forward requests
Avoiding model fetching and render times
Index
Index

Avoiding model fetching and render times

In order to avoid model fetching and render times upon successive requests, a cache containing the interpolated templates in order is saved, which we call as a render store.

According to Mozilla, the render store is intended to save/restore a serialized version of a particular view, mostly for the purpose of performance.

Getting ready

To get started with service workers, you will need to have the service worker experiment feature turned on in your browser settings. If you have not done this yet, refer to the Setting up service workers recipe of Chapter 1, Learning Service Worker Basics. Service workers only run across HTTPS. To find out how to set up a development environment to support this feature, refer to the Setting up GitHub pages for SSL recipe of Chapter 1, Learning Service Worker Basics.

How to do it...

Follow these instructions to set up your file structure:

  1. Download files from the following location:

    https://github.com/szaranger/szaranger.github...

Previous Section
End of Chapter 10
Next Chapter