1 of 66

Progressive Web Apps

Progressive Web App Roadshow

2 of 66

Code of Conduct

Treat everyone with respect.

Speak up if you see or hear something uncool.

Assume positive intent.�

We have a zero tolerance policy for harassment.

Talk to a staffer, or send email to �pwa-roadshow-coc@google.com.

https://goo.gl/s0UaDu

3 of 66

Presenters Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

4 of 66

5 of 66

6 of 66

7 of 66

vs.

Source: comScore Mobile Metrix, U.S., Age 18+, June 2017

13%

87%

Mobile web

Apps

8 of 66

78%

of time spent is in�users’ top 3 apps

Source: comScore Mobile Metrix (Custom), U.S., Age 18+, June 2017

9 of 66

ZERO

Number of apps the average user installs per month

Source: comScore MobiLens, U.S., Age 13+, 3 Month Average Ending June 2017

10 of 66

Reach

Capability

11 of 66

Reach

Capability

12 of 66

Progressive

Web Apps

A radically improved user experience

13 of 66

Progressive Web Apps Are…

Fast

Engaging

Reliable

Integrated

14 of 66

Progressive Web Apps Are…

Fast

Engaging

Reliable

Integrated

15 of 66

Time is Money.

58%

13%

20%

16 of 66

53%

of users abandon sites that take longer than 3 seconds to load

Source: DoubleClick - The need for mobile speed, September 2016

17 of 66

Progressive Web Apps Are…

Integrated

Engaging

Reliable

Fast

18 of 66

Integrated Experiences

Launch from Home Screen

Visible in task list

Access to native hardware

19 of 66

Integrated Experiences

Integrates with other apps

20 of 66

Integrated Experiences

Integrates with the device

21 of 66

Progressive Web Apps Are…

Reliable

Engaging

Fast

Integrated

22 of 66

flickr.com/photos/monado/4405843023

23 of 66

This amazing software

24 of 66

25 of 66

Lie-Fi

26 of 66

Reliability means never showing �the Downasaur

27 of 66

Progressive Web Apps Are…

Engaging

Fast

Reliable

Integrated

28 of 66

Web Push Notifications

29 of 66

30 of 66

31 of 66

32 of 66

33 of 66

34 of 66

35 of 66

Size of Twitter Clients

214MB

24MB

600KB

36 of 66

65% increase

IN PAGES PER SESSION

75% increase

IN TWEETS SENT

FPO

37 of 66

Progressive Web Apps Are…

Fast

Engaging

Reliable

Integrated

38 of 66

Service Workers: Reliable applications

Web server

39 of 66

Service Workers: client-side JavaScript proxy

Service worker

Cache

Web server

40 of 66

Service Workers: A foundation for Push

example.com

onpush = function(event) {� var data = event.data.json();� self.registration� .showNotification(data.title, data.options);

};

ServiceWorker.js

Push Subscription

End Point

41 of 66

84% decrease

IN TIME TO INTERACTIVE

8% conversion

ON PUSH NOTIFICATIONS

42 of 66

17% increase

IN CONVERSIONS

53% increase

MOBILE SESSIONS ON IOS

43 of 66

44 of 66

Progressive Web Apps

are progressive.

(Not everything works everywhere yet,

but user experience is the key.)

45 of 66

How do I get started?

46 of 66

Start Secure

47 of 66

HTTPS: Secure connection between site and users

48 of 66

Keeping Users Safe

Identity

Confidentiality

Integrity

49 of 66

Three Approaches to PWA-ifying

from the ground up

a single feature

a simple version

50 of 66

Three Approaches to PWA-ifying

from the ground up

a single feature

a simple version

51 of 66

80% decrease

IN BOUNCE RATES

23% decrease

IN TIME TO INTERACTIVE

52 of 66

146% increase

IN CTR ON CLASSIFIED ADS

250% increase

IN ENGAGEMENT

53 of 66

Three Approaches to PWA-ifying

from the ground up

a single feature

a simple version

54 of 66

55 of 66

<1s

INITIAL LOADING TIME AND �EVEN FASTER FOR SUBSEQUENT LOADS

56 of 66

Three Approaches to PWA-ifying

from the ground up

a single feature

a simple version

57 of 66

58 of 66

60+ languages

ROLLED OUT GLOBALLY WITH WEB PUSH NOTIFICATIONS

59 of 66

60+ languages

ROLLED OUT GLOBALLY WITH WEB PUSH NOTIFICATIONS

1,000,000+

OPT-INS IN THE FIRST THREE MONTHS

60 of 66

Which Approach Will You Take?

from the ground up

a single feature

a simple version

61 of 66

62 of 66

63 of 66

64 of 66

65 of 66

Fast

Engaging

Reliable

Integrated

66 of 66

Thank You!