PowerPoint Presentation

Subodh GargFront End Engineer, at Huew(Android & Web development)

PROGRESSIVE WEB APPS

Taste of Progressive Web App

3 main questions

Whom?Developers - Websites & Mobile apps.CEO/Managers product/service to reach to millions/billions people via platforms like mobile or Web.Marketing offline/online marketing.People who are here for fun , to learn something new or want to see a cool video.

Time for some graphs/statsAccording to Statista, mobile phone :YEAR2015201620172020Users(in billions)4.434.614.776.1

In May 2015, Google reported :

2016, first time in history :

Who all are getting benefited by PWA today?

70%greater conversion rate among those arriving via Add to Home screen.

3xmore time spent on site

40%higher re-engagement rate

3xlower data usage38% more conversions.

40% lower bounce rate.

30% faster page load.

10% longer average session

PROGRESSIVE WEB APP

WEBAPP

ProgressiveLets break it downWeb is progressing towards becoming or behaving like Apps.Website, mobile webAndroid, iOS, Windows Mobile Apps

These apps arent packaged and deployed through stores, theyre just websites that took all the right vitamins.

What makes native app better than the mobile web?1. High Performance2. Immersiveness3. Re-engagement

What are the current challenges which native mobile apps are not meeting?2. Discoverable4. Friction to use your product/service for the first time 1. of User Acquisition

3. Instantly

PROGRESSIVE WEB APPJourney of

Key features of PWA or what makes your website PWA ?Web App ManifestApp Shell ArchitectureService WorkerPush Notifications

HOW?

Web App Manifest

How?

App Shell Architecture

(Request)(Request, Response)(Response)

Wait!What is Service Worker?

Summarize Service Worker :A service worker is a script that your browser runs in the background.It is like a network proxy sitting b/w your client and the server.It has the ability to intercept and handle network requests, can manage a cache of responses and push notifications.

The service worker life cycle

(Install Event)(Activate Event)(Fetch Event)

Service Worker Events and TasksINSTALLACTIVATEFETCH

,

Push Notifications

Service Worker