Progressive Web Application Development by Example

Controlling how a response is cached

Another important request option is the cache property. This property controls how the browser uses its own cache. Since service workers provide a cache, you can programmatically control the browser cache, but it might seem a bit redundant and cause some unwanted responses.

The default cache value changes nothing; the browser checks its own cache before making a network call and the response is the best one based on the default caching rules.

However, by setting the request cache option to another value, you can force the browser to bypass or change the way it uses the browser cache. The options are as follows:

• default
• no-store
• reload
• no-cache
• force-cache
• only-if-cached

Since the service worker cache ...