Progressive Web App
-
Upload
subodh-garg -
Category
Mobile
-
view
40 -
download
2
Transcript of Progressive Web App
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