Native Apps, like Flash, are a bridging technology. Progressive Web Apps are a new suite of technologies that combine the user experience of native, with the immediacy and reach of the web. Learn why we have them, and how to make them.
Bruce Lawson: Progressive Web Apps: the future of Apps
Progressive Web Apps:
the future of apps
Native Apps are a
Why did apps come about?
• The Web wasn’t powerful enough
• Device integration
There’s an API for that
• Web Audio
• <canvas>, WebGL
It's an App World.
The Web Just Lives in It
“Today, the U.S. consumer spends an average of 2
hours and 38 minutes per day on smartphones and
tablets. 80% of that time (2 hours and 7 minutes) is
spent inside apps and 20% (31 minutes) is spent on
the mobile web.”
blog.ﬂurry.com April, 2013
Progressive Web Apps
• “install” to the home screen
• have their own icon (deﬁned by the web developer)
• can launch full-screen, portrait or landscape
• but “live” on the Web
stores metadata for your web
icons, description, colors, and
related info that lets browsers
create high-quality experiences for
the launcher icon, task switcher,
and splash screen.
To tell the browser about our
we add this to the <head>
• HTTP-hosted sites will only display with browser UI,
regardless of what the manifest states
• When the user follows a link that takes the user out of the
domain of the installed app, a new tab is spawned, with
browser chrome. (Chrome shows a small address at the
top of a standalone-app. We prefer to make it more
obvious to the user that they have gone outside your
• Opera doesn’t (yet) support background_color; this will
be added in a forthcoming release.
• Service Worker allows developers to cache assets
when connected, and intercept failed calls to network
when ofﬂine, so user experience can be maintained.
• Faster loading of assets, even when online.
• Web Apps with Service Workers can also use Push
Notiﬁcations to drive engagement, even when the
browser/ app isn’t open.
Beyond the Rack
• 72% increase in time spent for users visiting via a
• 26% increase in average spend per visit by
members arriving via a push notiﬁcation
• +50% repeat visits within 3 months
Where does this work?
• Opera for Android
• Chrome for Android
• Firefox for Android (soon)
• Safari/ iOS (non-standard)
Progressive Web Apps
• live on the server so no update distribution lag
• require no app store or gatekeeper
• can work ofﬂine
• are a normal website on browsers such as Opera
Mini, Safari, Windows phones
• searchable, indexable, linkable
• 40% returning visitors week over week
• +63% conversions from Home screen visits
• 3x time spent on FlipKart Lite
The UX of apps +
the reach of the Web