JSnation_JamieMariaSchouren.pdf

Lightning talk at JSNation Amsterdam 2019, about "the Search for App-iness" and how we are building the future with Progressive Web Apps.

Transcript

1. The search for App-iness: building the future with Progressive Web Apps Jamie Maria Schouren - DEITY BV
2. JAMIE MARIA SCHOUREN DIRECTOR & CO-FOUNDER @JamieMariaS @JamieMariaS | @DEITY_PWA
3. @JamieMariaS | @DEITY_PWA
4. @JamieMariaS | @DEITY_PWA
5. THE FUTURE IS NOW @JamieMariaS | @DEITY_PWA
6. THE FUTURE IS NOW…? @JamieMariaS | @DEITY_PWA
7. @JamieMariaS | @DEITY_PWA
8. @JamieMariaS | @DEITY_PWA 53% of users will abandon a page that takes more than 3 seconds to load
9. @JamieMariaS | @DEITY_PWA
10. 2009 HTML 5 @JamieMariaS | @DEITY_PWA
11. 2009 HTML 5 @JamieMariaS | @DEITY_PWA
12. 2009 HTML 5 2012 FaceBook Hybrid App @JamieMariaS | @DEITY_PWA
13. 2009 HTML 5 2012 FaceBook Hybrid App @JamieMariaS | @DEITY_PWA
14. 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
15. 2009 HTML 5 2012 FaceBook Hybrid App 2012 Mobile Apps rules! @JamieMariaS | @DEITY_PWA
16. ADVANTAGES ✓ Performance ✓ Smooth animations & interactions ✓ Instant loading & offline support ✓ Easy acces through homescreen ✓ High engagement @JamieMariaS | @DEITY_PWA
17. Average amount of apps Installed per user per month @JamieMariaS | @DEITY_PWA ZERO
18. DISADVANTAGES - Distribution problems - Updating is a pain - Application size / memory usage - Different OS systems - 10% revenue to app store @JamieMariaS | @DEITY_PWA
19. 2009 HTML 5 2012 FaceBook Hybrid App 2012 Mobile Apps rules! @JamieMariaS | @DEITY_PWA The search for App-iness
20. @JamieMariaS | @DEITY_PWA The search for App-iness
21. @JamieMariaS | @DEITY_PWA Non-linkable // not part of “the internet”
22. 2009 HTML 5 2012 FaceBook Hybrid App 2012 Mobile Apps rules! @JamieMariaS | @DEITY_PWA 2016 The Web strikes back! The search for App-iness
23. @JamieMariaS | @DEITY_PWA
24. ✓ <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
25. @JamieMariaS | @DEITY_PWA
26. @JamieMariaS | @DEITY_PWA AMP = Fast Landing Pages
27. @JamieMariaS | @DEITY_PWA PWA = APP-INESS
28. @JamieMariaS | @DEITY_PWA
29. @JamieMariaS | @DEITY_PWA FAST RELIABLE ENGAGING PROGRESSIVE WEB APPS
30. ✓ 7,22 seconds faster ✓ 90% smaller ✓ More messages, more swipes and longer sessions! @JamieMariaS | @DEITY_PWA
31. @JamieMariaS | @DEITY_PWA
32. ✓ 70% greater conversion from homescreen ✓ 3x less data usage @JamieMariaS | @DEITY_PWA
33. @JamieMariaS | @DEITY_PWA
34. ✓ 53% increase in mobile sessions on iOS ✓ 8% purchase from Push ✓ 12% recovered carts by Push @JamieMariaS | @DEITY_PWA
35. @JamieMariaS | @DEITY_PWA
36. ✓ 3 seconds on 2G ✓ Core is only 50k gzipped ✓ New market opportunity @JamieMariaS | @DEITY_PWA
37. ✓ 7 million products live ✓ Instant search ✓ TTM: 2 months @JamieMariaS | @DEITY_PWA
38. @JamieMariaS | @DEITY_PWA
39. HEADLESS WEBSHOP FRONT-END API BACK-END @JamieMariaS | @DEITY_PWA
40. REACT JS FRAMEWORK SINGLE PAGE APPLICATION NODEJS SERVER @JamieMariaS - @DEITY_PWA
41. @JamieMariaS | @DEITY_PWA
42. 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
43. Get started in 3 steps: https://falcon.deity.io/ @JamieMariaS | @DEITY_PWA
44. Hot reload @JamieMariaS | @DEITY_PWA
45. @JamieMariaS | @DEITY_PWA @JamieMariaS | @DEITY_PWA
46. @JamieMariaS | @DEITY_PWA
47. @JamieMariaS | @DEITY_PWA
48. www.deity.io slack.deity.io @deity_pwa