Cache your fonts, images & pages - Unpacking the Workbox

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=utxTqssjp-o


Duration: 6:56
7,169 views
246

You can improve your website’s performance in many ways, depending on the use cases you have. In this video you’ll learn a configuration for caching your images, how to cache Google Fonts and how to implement a page cache that allows you to use a fallback for a document in case the network doesn’t respond within a threshold.

With Worbox you can implement these recipes with one line of code each and you can combine all the [recipes]() if they are useful for you.

Service Workers: an Introduction → https://goo.gle/service-workers-intro
Workbox Routing → https://goo.gle/workbox-routing
Workbox Strategies → https://goo.gle/workbox-strategies
Workbox documentation → https://goo.gle/workboxjs

Catch more from Unpacking the Workbox → https://goo.gle/UnpackingTheWorkbox
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#Chrome #Developer #UnpackingTheWorkbox



Other Videos By Chrome for Developers


2022-05-11Build more accessible apps in Angular
2022-05-10Performance insights panel | DevTools Tips
2022-05-03Is .css a bad idea? Is inlining the way forward? | HTTP 203
2022-04-27Adaptive frosted glass #Shorts
2022-04-21Chrome 101 - What’s New in DevTools
2022-04-13Thinking on ways to solve DIALOG
2022-03-304 lines of CSS for a vertical responsive slideshow #Shorts
2022-03-29New in Chrome 100: User Agent string updates, Multi-screen window placement API, and more!
2022-03-29What key was pressed? (You won't believe how keyboard events work) | HTTP 203
2022-03-24Chrome 100 - What’s New in DevTools
2022-03-23Cache your fonts, images & pages - Unpacking the Workbox
2022-03-18FLEDGE demo walkthrough | What is the Privacy Sandbox?
2022-03-16Thinking on ways to solve a LOADING BAR
2022-03-15Building VR and AR experiences using HTML | HTTP 203
2022-03-10CSS Grid debugging tools | DevTools Tips
2022-03-08Chrome 99 - What’s New in DevTools
2022-03-01New in Chrome 99: CSS Cascade Layers, Show Picker, and more!
2022-02-10CSS Flexbox debugging tools | DevTools Tips
2022-02-09Thinking on ways to solve SVG FAVICON
2022-02-01New in Chrome 98: Per-element opt-out for auto-dark, COLRv1, and more!
2022-01-27Chrome 98 - What’s New in DevTools


Tags:
GDS: Yes
unpacking the workbox
cache your fonts
cache your images
cache your pages
fonts
images
pages
workbox
workbox routing
workbox strategies
google chrome developer
google chrome developers
google chrome
chrome developer
chrome developers
google developer
google developers
developer
developers
chrome
google
Adriana Jara
web