Progressive Web Application Development by Example

Caching strategies

Workbox has the five most common caching strategies built into the library:

• Stale-While-Revalidate
• Cache-First
• Network-First
• Network-Only
• Cache-Only

Each one of these strategies is available as a method in the workbox.strategies namespace. You can use these strategies without any custom configuration, but as you have seen, everything in Workbox of highly configurable.

The best part is that these strategy methods return a reference to a properly configured route response handler.

If you want to use any of these strategies with your own fetch handler, feel free. Create a new instance of the desired strategy. Then, use the event.respondWith method, suppling the strategy's handle method. You just need to supply the fetch ...