Any Site can be a Progressive Web App

I have a really hard time describing what a progressive web app actually is.” “ —What the heck is a “Progressive Web App”? Seriously.

A progressive web app is an enhanced version of a Single Page App (SPA) with a native app feel.” “ —Building Progressive Web Apps

Before You Build a PWA You Need a SPA” “ —hackernoon.com

I’ve seen too many devs assume PWA is a subset of SPA. We need to improve our messaging” “ —Jake Archibald

A Progressive Web App is a regular website following a progressive enhancement strateg y to deli v er native-like user experiences by using modern Web standards.” “ —What is a PWA

! e name isn’t for you and worrying about it is distraction " om just building things that work better for everyone. … It’s marketing, just like HTML5 had very little to do with actual HTML.” “ —Naming Progressive Web Apps

Metadata provided for Add to Home screen All app URLs load while offline Site is served over HTTPS Pages are responsive First load fast even on 3G Site works cross-browser Each page has a URL Page transitions don’t block on the network

offline HTTPS Metadata

offline HTTPS Metadata = progressive web app

web app manifest
service worker HTTPS

service worker offline

huffduffer.com

ampersandconf.com

trivago.com

resilient webdesign.com

adactio.com

ethan marcotte.com

una.im

sara soueidan.com

archive. dconstruct.org

Yes, that web project should be a PWA” “ —A List Apart

abookapart.com