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

The Search for App-iness - JSConfBE

The Search for App-iness - JSConfBE

Progressive Web Apps combine the best of the web and the best of apps. They load quickly, even on flaky networks, have an icon on the home screen, can re-engage with users by sending push notifications, and load as top-level, full screen experiences.

In this talk Jamie Maria Schouren explains the what, why, and how of Progressive Web Apps, her own quest in search for "app-iness" and with code examples and real life use cases, shows why PWAs are the future of the web!

Avatar for Jamie Maria Schouren

Jamie Maria Schouren

June 21, 2019

More Decks by Jamie Maria Schouren

Other Decks in Technology

Transcript

  1. @JamieMariaS | @DEITY_PWA 53% of users will abandon a page

    that takes more than 3 seconds to load
  2. @JamieMariaS | @DEITY_PWA 1 sec delay with 100K turnover per

    day is a potential loss of 2,5 million
  3. 2009 HTML 5 2012 FaceBook Hybrid App This Guy From

    Facebook “The biggest mistake we made as a company was betting too much on HTML5 as opposed to native.” @JamieMariaS | @DEITY_PWA
  4. ADVANTAGES ✓ Performance ✓ Smooth animations & interactions ✓ Instant

    loading & offline support ✓ Easy acces through homescreen ✓ High engagement @JamieMariaS | @DEITY_PWA
  5. of our time on mobile devices we spend on native

    apps 87% @JamieMariaS | @DEITY_PWA
  6. App usage is highly concentrated // 80% is spend on

    3 apps @JamieMariaS | @DEITY_PWA
  7. DISADVANTAGES - Distribution problems - Updating is a pain -

    Application size / memory usage - Different OS systems - 10% revenue to app store @JamieMariaS | @DEITY_PWA
  8. 2009 HTML 5 2012 FaceBook Hybrid App 2012 Mobile Apps

    rules! @JamieMariaS | @DEITY_PWA The search for App-iness
  9. 2009 HTML 5 2012 FaceBook Hybrid App 2012 Mobile Apps

    rules! @JamieMariaS | @DEITY_PWA 2016 The Web strikes back! The search for App-iness
  10. ✓ <1 second page load ✓ 10 x less data

    ✓ Instant acces to information ✓ 4 x higher CTR Accelerated Mobile Pages The Weather Channel @JamieMariaS | @DEITY_PWA
  11. ✓ 7,22 seconds faster ✓ 90% smaller ✓ More messages,

    more swipes and longer sessions! @JamieMariaS | @DEITY_PWA
  12. ✓ 53% increase in mobile sessions on iOS ✓ 8%

    purchase from Push ✓ 12% recovered carts by Push @JamieMariaS | @DEITY_PWA
  13. ✓ 3 seconds on 2G ✓ Core is only 50k

    gzipped ✓ New market opportunity @JamieMariaS | @DEITY_PWA
  14. @JamieMariaS | @DEITY_PWA • Progressive • Responsive • Connectivity independent

    • App-like • Fresh • Safe • Discoverable • Re-engageable • Installable • Linkable A Progressive Web App is according to
  15. ✓ 150% growth engagement Add to Home Users ✓ 97%

    more conversion rate @JamieMariaS | @DEITY_PWA
  16. @JamieMariaS | @DEITY_PWA SERVICE WORKER: CLIENT SIDE JAVASCRIPT PROXY ✓

    Improve performance ✓ Make your app “offline-first” ✓ The base for advanced features
  17. ✓ 7 million products live ✓ Instant search ✓ TTM:

    2 months @JamieMariaS | @DEITY_PWA
  18. ✓ 80% growth in organic traffic ✓ Instant loading ✓

    Headless architecture @JamieMariaS | @DEITY_PWA
  19. DEITY Falcon is a Developer Toolkit to build Progressive Web

    Apps. It is platform agnostic, extensible and ready to build any type of website. https://github.com/deity-io/falcon @JamieMariaS | @DEITY_PWA