Progressive Web Apps

And how can we use it!

Progressive Web App in Action

Chrome Dev Summit Website

Whats PWA?A web application that has a responsive layout, works offline and can be can be

installed on the home screen of a device.

Um okay, What are the features?

• Responsive: to fit any form factor

• Connectivity independent: Progressively-enhanced with Service Workers to let them work offline

• Discoverable: Are identifiable as “applications” thanks to W3C Manifests and Service Worker registration scope allowing search engines to find them

Um okay, What are the features?

• Fresh: Transparently always up-to-date thanks to the Service Worker update process

• Safe: Served via TLS (a Service Worker requirement) to prevent snooping

• App-like-interactions: Adopt a Shell + Content application model to create app-like navigations & interactions

Um okay, What are the features?

• Re-engageable: Can access the re-engagement UIs of the OS; e.g. Push Notifications

• Installable: to the home screen through browser-provided prompts, allowing users to “keep” apps they find most useful without the hassle of an app store

• Linkable: meaning they’re zero-friction, zero-install, and easy to share. The social power of URLs matters.

Add on Homepage Treated like an app Push Notifications

No Commitment Bullshit!

And the best part?

Not every customer or potential customer will have your native app

installed

You should provide a faster web experience for web

customers

In short, the faster your site is, the more likely you are to have happy customers and make more money

.Progressive Web Apps are fast. The Washington Post’s

Progressive Web App loads new pages in less than a second.

Your web users might benefit from push notifications

So what did we learn today?

• PWA will help us provide a better user experience to web customers.

• PWA is safe, speedy and beautiful.

• Not every users will download and keep your native app, hence web app is the way to go.

https://pwa.rocks/See more examples at