We ♥ Progressive Web Apps
This fall, we’ve had the great fortune to learn and speak about Progressive Web Apps at conferences around the world. We think PWAs are pretty PWAsome! In this post we’ll tell you why, and in a future missive we’ll delve into the technical features of PWAs and show you how to build your own.
PWhAt’s In It for Me?
The goal of PWAs is to radically improve the web app user experience.
They do that by incorporating some powerful features formerly available only to native mobile apps. Thanks to new browser technologies, web apps can now
- install an icon on your device screen,
- load instantly when you click the icon,
- send you notifications (even when you’re not using the app), and
- work offline. No more dinosaurs!
Implemented properly, these features can create great experiences for users. PWAs can deliver fast, reliable, and engaging experiences, even while users aren't looking at your website.
To see a great collection of PWAs in the wild, go to pwa.rocks, a site created by the Opera Developer Relations team.
PWAsome for Business
PWAs are also good for business. They are cheap, compared with building and maintaining a suite of apps for different platforms. And they make money. According to several studies conducted by Google, PWAs substantially increase re-engagement and conversion rates. Ecommerce giant AliExpress, for example, increased conversion for new users by more than 100% with its new PWA.
Progressive Enhancement
What’s the downside, you ask? There is one temporary hitch: some of the most powerful PWA features are not yet supported in all browsers. Chrome and Firefox support most of the technologies required for PWAs; Microsoft it working on it. Apple has not sworn allegiance to the PWA, but the company is considering support for core PWA technology. (See Is ServiceWorker Ready? for more details about browser support.)
Remember, though, that the P in PWA stands for Progressive. The features that help PWAs rise above the rest are progressive enhancements. Push notifications and offline access are there when those features are supported, but nothing breaks when they are not. In Safari and in older browsers, PWAs are still good web apps. They work just fine.
It’s time to start making PWAs! In a future post, we will help get you started.
Want us to make your PWA? Get in touch!
Further Reading
- Progressive Web Apps: The definitive collection of resources
- Progressive Web Apps: A new way to deliver amazing user experiences on the web
- A Beginner’s Guide To Progressive Web Apps