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?

  • 819