2 parts of talking at Google Developer Summit 2016 Seoul
- How to optimize loading performance your web app
- Introducing to Service Worker & Offline 101
8. “Every step you
make a user
perform before they
get value out of
your app will cost
you 20% of users”
http://blog.gaborcselle.com/2012/10/every-step-costs-you-20-of-users.html
47. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Service Worker
48. Service Worker fundamentally changes how browser works
! Run a script separate from the page itself
! Run the script even without the page open
! Capture network requests from the page
67. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
sw-precache
68. ! Declaratively write list of resources you want to pre-cache (like AppCache).
! Build with gulp or Grunt to generate a SW file.
! Versioning is automatically taken care of.
sw-precache
79. Contents
Precache required resources at initial load.
You will at least see app shell on page launch.
Load content using dynamic cache approach.
If the content is not available, use cache.
80. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Application Shell