Slide 1

Slide 1 text

Max Böck // @mxbck // mxb.at Progressive Web Apps

Slide 2

Slide 2 text

Top 500 Apps vs. Top 500 Mobile Websites Source: comScore Mobile App Report, U.S., Age 18+, June 2017

Slide 3

Slide 3 text

Advantages of PWAs ● Better Re-Engagement ● Discoverable (Open App Stores) ● Installable on Home Screen ● Better Search Ranking ● Connectivity Independent ● Platform Independent

Slide 4

Slide 4 text

PWAs don’t have to be Applications” “

Slide 5

Slide 5 text

PWAs don’t have to be Single Page JS Apps

Slide 6

Slide 6 text

PWAs are not a Google / Android thing

Slide 7

Slide 7 text

Manifest File

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Manifest File HTTPS

Slide 11

Slide 11 text

https://letsencrypt.org

Slide 12

Slide 12 text

Manifest File HTTPS Service Worker

Slide 13

Slide 13 text

Service Worker

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

Offline Access Push Notifications Background Sync

Slide 16

Slide 16 text

Service Worker Support shipped shipped shipped shipped currently in development currently in development Source: https://jakearchibald.github.io/isserviceworkerready, September 2017

Slide 17

Slide 17 text

https://workboxjs.org

Slide 18

Slide 18 text

Google Lighthouse

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Any web project can and should be a PWA.

Slide 22

Slide 22 text

Thank you! Max Böck @mxbck https://mxb.at