Progressive Web App (PWA) is a term used to denote web apps that use the latest web technologies. Progressive web apps are technically regular web pages (or websites) but can appear to the user like traditional applications or (native) mobile applications. This new application type attempts to combine features offered by most modern browsers with the benefits of mobile experience.

1. Progressive Web Apps
(PWA)

2. Why build Progressive Web
Apps?

4. Capability
Reach
WebWeb
PWA

5. What is progressive web app?
 Progressive
 Responsive
 Connectivity Independent
 App-like

6. Contd.,
• Fresh
• Safe
• Re-engageable
• Installable

7. Progressive Web Apps are user
experiences :
 Reliable
 Fast
 Engaging

10. What is a service worker?
 A service worker is a script that your browser runs in the background,
separate from a web page, opening the door to features that don't need a
web page or user interaction. they already include features like push
notifications and background sync.
 It's a JavaScript Worker, so it can't access the DOM directly. Instead, a service
worker can communicate with the pages it controls by responding to messages
sent via the post Message interface, and those pages can manipulate the DOM
if needed.
 Service worker is a programmable network proxy, allowing you to control how
network requests from your page are handled

11. Service workers enable reliable
performance
Web server
Service worker
Client side proxy written
in JavaScript
Cache

13. 4x 10x
faster less data
<1 second
median load time

14. Accelerated Mobile Pages
(AMP)
 Simplifies a page
 Optimizes the Bandwidth

15. Tools
Lighthouse is an open-source, automated tool for improving the
quality of web pages. You can run it against any web page,
public or requiring authentication. It has audits for
performance, accessibility, progressive web apps, and more.