A presentation at DeltaV Conference in in London, UK by Jeremy Keith
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
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
service worker offline
huffduffer.com
huffduffer.com
ampersandconf.com
trivago.com
trivago.com
resilient webdesign.com
adactio.com
adactio.com
ethan marcotte.com
una.im
una.im
una.im
sara soueidan.com
sara soueidan.com
sara soueidan.com
archive. dconstruct.org
archive. dconstruct.org
archive. dconstruct.org
archive. dconstruct.org
Yes, that web project should be a PWA” “ —A List Apart
abookapart.com
There's a common misconception that making a Progressive Web App means creating a Single Page App with an app-shell architecture. But the truth is that literally any website can benefit from the performance boost that results from the combination of HTTPS + Service Worker + Web App Manifest.
The following resources were mentioned during the presentation or are useful additional information.
Ben Halpern
Diogo Cunha, Near Form
Mark Muskardin
I’ve seen too many devs assume PWA is a subset of SPA. We need to improve our messaging
Salva de la Puente
Frances Berriman
An example of a progressive web app.
An example of a progressive web app.
An example of a progressive web app.
An example of a progressive web app.
An example of a progressive web app.
An example of a progressive web app.
An example of a progressive web app.
An example of a progressive web app.
An example of a progressive web app.
Aaron Gustafson
A Book Apart.
Here’s what was said about this presentation on social media.
for free. You
can too.