Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PWA: an Introduction

PWA: an Introduction

A brief story into Progressive Web Apps (PWA)

Irfan Maulana

November 28, 2018
Tweet

More Decks by Irfan Maulana

Other Decks in Programming

Transcript

  1. Users uninstall Apps 30% Average users will uninstall their downloaded

    Apps Source:https://www.businessinsider.com/app-users-are-quick-to-u ninstall-2016-11/
  2. Users love Apps, because of: - Performance - Offline Access

    - Background Sync - Notification - Sensors - OS & Device Access
  3. If web can do these: - Performance - Offline Access

    - Background Sync - Notification - Sensors - OS & Device Access
  4. If web can do these: - Performance - Offline Access

    - Background Sync - Notification (plus) - Easy distribution - Low memory - App size
  5. Alibaba 76% higher conversions across browsers 4X higher interaction rate

    from Add to Homescreen Source: https://developers.google.com/web/showcase/2016/alibaba
  6. Flipkart 3x more time spent on site 40% higher re-engagement

    rate 70% greater conversion rate 3x lower data usage Source: https://developers.google.com/web/showcase/2016/flipkart
  7. Twitter Lite 65% increase in pages per session 75% increase

    in Tweets sent 20% decrease in bounce rate Source: https://developers.google.com/web/showcase/2017/twitter
  8. OLX 23% less time until page is interactive 80% lower

    bounce rates 146% higher CTR on Ads 250% more re-engagement Source: https://developers.google.com/web/showcase/2017/olx
  9. Service Worker: Installing What we’ve done? 1. Open a cache.

    2. Cache our files. 3. Confirm whether all the required assets are cached or not.