The document discusses the significance of Progressive Web Apps (PWAs) for developers, CEOs, and marketers, highlighting their benefits, such as increased conversion rates and lower bounce rates. It outlines key features of PWAs, like web app manifests and service workers, and emphasizes the need for high performance and re-engagement that native apps typically provide. The document includes statistics showing the growing mobile user base and the advantages PWAs have in terms of user experience and engagement.

2. Subodh Garg
Front End Engineer, at Huew
(Android & Web development)

3. PROGRESSIVE WEB APPS

4. Taste of Progressive Web App…

5. 3 main questions

6. 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.

7. Time for some graphs/stats…
• According to Statista, mobile phone :
YEAR 2015 2016 2017 2020
Users(in billions) 4.43 4.61 4.77 6.1
• In May 2015, Google reported :
• 2016, first time in history :

8. Who all are getting benefited by PWA today?
• 70% greater conversion rate among
those arriving via Add to Home
screen.
• 3x more time spent on site
• 40% higher re-engagement rate
• 3x lower data usage
• 38% more conversions.
• 40% lower bounce rate.
• 30% faster page load.
• 10% longer average session

9. PROGRESSIVE WEB APP

10. WEB APP
Progressive
Let’s break it down…
Web is progressing towards becoming or behaving like Apps.
Website, mobile web
Android, iOS,
Windows Mobile Apps

11. “ These apps aren’t packaged and deployed through stores,
they’re just websites that took all the right vitamins. “

12. What makes native app better than
the mobile web?
1. High Performance
2. Immersiveness
3. Re-engagement

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

14. PROGRESSIVE WEB APP
Journey of…

17. Key features of PWA or what makes your website PWA ?
 Web App Manifest
 App Shell Architecture
 Service Worker
 Push Notifications

19. HOW?

20. Web App Manifest

21. How?

22. App Shell Architecture

23. (Request)
(Request, Response)
(Response)

24. Wait!
What is Service Worker?

26. 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.

27. The service worker life cycle
(Install Event)
(Activate Event)
(Fetch Event)

28. Service Worker Events and Tasks
INSTALL
ACTIVATE
FETCH ,

29. Push Notifications

30. Service Worker