Progressive web apps for a faster experience
Several APIs are available on modern browsers to help performance, including Service Worker, Push Notifications, NetInfo API, the Cache Storage API, and the older Application Cache. Through hands-on labs, Maximiliano Firtman walks you through using these APIs to create a progressive web app and improve performance and perception on a website.
| Talk Title | Progressive web apps for a faster experience |
| Speakers | |
| Conference | Velocity |
| Conf Tag | Build resilient systems at scale |
| Location | Amsterdam, The Netherlands |
| Date | November 7-9, 2016 |
| URL | Talk Page |
| Slides | Talk Slides |
| Video | |
Several APIs are available on modern browsers to help performance, including Service Worker, Push Notifications, NetInfo API, the Cache Storage API, and the older Application Cache. Through hands-on labs, Maximiliano Firtman walks you through using these APIs to create a progressive web app (PWA) using the latest specs that will not only create a better experience for offline usage but also improve perception and performance while the user is online, mostly on mobile cellular networks. Along the way, Max covers desktop and mobile web apps, using service workers and other specs, how to detect connection, and how to create a successful experience, including starting from an alternative accelerated mobile page (AMP) that will upgrade to a PWA after it has loaded. Max then leads labs on using the Service Worker and Cache Storage APIs to store requests and responses locally and API events to catch requests and use cache-first or network-first approaches to improve performance and experience with ECMAScript 6 Promises—with a fallback to Application Cache for iOS and Windows. Max concludes by exploring the web app manifest for optional icon installation, the recent Background Sync API, and future abilities.
