PWAAAA!!
WTF?!
HTML
HISTORY
RESPONSIVE
WHY?!
WHY?!
WHY?!
WEB
13%
APP
87%
WHY?!
0 NEW APP INSTALLED BY MONTH IN AVERAGE
VISIT 100s OF WEBSITES EVERY MONTH
WHY?!
REACH
CAPABLE
WHY?!
REACH
CAPABLE
WHY?!
1 DEV TO RULE THEM ALL
HTML 5
THE SOLUTIONS FOR HTML PAIN POINTS
STORAGE
SERVICE WORKER
MANIFEST.JSON
ONLINE / OFFLINE
GEOLOCATION
CAMERA
WEB NOTIFICATION
WEB ASSEMBLY
WEB SHARE
PAYMENT REQUEST API
BEACON API
VIBRATION API
SENSOR API
https://github.com/AurelioDeRosa/HTML5-API-demos
WHAT'S THE PROBLEM?
NOT AVAILABLE ON STORES
NO BACKGROUND TASKS
SOME EXAMPLES
TINDER CASE STUDY
https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0
Executable size: 30MB to 2.8MB
Implementation time: 3months
TWITTER CASE STUDY
https://developers.google.com/web/showcase/2017/twitter
75% more tweets sent
65% more pages per sessions
PINTEREST CASE STUDY
https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154
Revenue increase of 60%
Application size: 50MB to 150kB
TRIVAGO CASE STUDY
https://medium.freecodecamp.org/engage-your-users-and-enhance-their-experience-with-progressive-web-apps-de0e0bfb2fbf
Engagement increased of 150%
ANY QUESTION?
Progressive Web Whaaat?
By Jérémie Drouet
Progressive Web Whaaat?
- 820