Progressive Web App (or PWA for short) is a buzz-word you may have heard being thrown around recently. You might have some idea of what’s being referred to, or maybe you haven’t the faintest idea. Never fear, we’re here to fill in the gaps with our simple guide to PWA.
In attempting to define PWA it’s helpful first to compare traditional web apps and ‘native’ apps.
What are native apps?
Native apps are, unsurprisingly, apps that run natively on a device, i.e. not in a web browser.
Their characteristics can be summed up as:
- They are usually downloaded from a digital distribution platform (app store), which ‘guarantees’ a certain level of quality assurance
- They can be quickly launched from an icon on the home screen or dock
- They offer a stand-alone experience - they feel part of the device they are running on - full-screen, fast and reliable
- They don’t need a network connection to run (although some in-app functionality might require a connection)
- They offer system-level integration/functionality, e.g.:
- Push notifications
- Read/write to the filesystem
- Interact with other apps (contacts, calendar etc.)
- Use device features such as the camera, GPS and motion sensors, control audio playback etc.
- Make hardware connections (USB, Bluetooth etc.)
- And so on…
Some of the downsides of native apps are:
- They need to be downloaded
- They are not inherently searchable/shareable
- Multiple platforms (iOS, Android etc.) mean multiple codebases are often required
- Updates through app stores usually involve an approval process, which can take time
What are web apps?
A web app is essentially a traditional responsive website that runs in a web browser on any computer or device.
Web app characteristics are:
- They have incredible reach - they can be accessed by anyone, anywhere, any time, and on any device with an internet connection
- They don’t need to be downloaded
- The content found on web apps is infinitely and easily searchable, and shareable
- Their content can be updated instantly - They can be as dynamic or static as required
- Usually they run from a single codebase
And some of the downsides of web apps are:
- They require a network connection
- They cannot access device-level functionality, so no push notifications for example
- They do not usually run full-screen - it’s obvious you’re in a web browser
- No one company controls the web, so there’s no assurance as to the quality of content
- Susceptible to non-native UI patterns
- They are not as easy to access as native apps - you have to either know the URL, or perform some kind of a search
So what are Progressive Web Apps then?
Those of you paying attention may have spotted a pattern by now. Quite often the downsides of one type of app are positives in the other, and vice versa. So what if there was a way to somehow combine both? Ladies and gentlemen, I give you… Progressive Web Apps!
Certainly PWA is nothing new. The phrase ‘progressive web app’ has been around since 2015, but the underlying principles have been around longer still. The term describes a group of technologies (modern web APIs) that take advantage of features offered by modern browsers, such as web storage, service workers and web app manifests. These combine to provide an integrated, app-like experience. All modern browsers are now capable of supporting PWA; Firefox, Safari, Chrome, Edge and so on. For a more in-depth read on the technical aspects of progressive web apps check out the Wikipedia article.
One of the huge plusses of progressive web apps is that, at their core, they are still just regular web apps - they are built on common web technologies, such as HTML, CSS and JavasScript, which means they are (relatively speaking) easy to maintain and update; forming a single codebase that will run in any standards-compliant web browser. Updating a PWA is as ‘simple’ as updating any other website/page. There is also, therefore, no requirement for an app store or digital distribution platform - simply fire up your web browser and off-you-go. Progressive web apps can also work offline and provide many app-like features, such as push notifications, installing on the dock/home screen and so on.
Research has shown that user engagement increases when comparing traditional web apps to progressive web apps:
“For example, Twitter saw a 65% increase in pages per session, 75% more Tweets, and a 20% decrease in bounce rate, all while reducing the size of their app by over 97%. After switching to a PWA, Nikkei saw 2.3 times more organic traffic, 58% more subscriptions, and 49% more daily active users. Hulu replaced their native desktop experience with a Progressive Web App and saw a 27% increase in return visits.”
– Source: What are Progressive Web Apps
So it’s fair to say that the gap between web apps and native apps is significantly narrowed through the use of PWA.
What does PWA mean, in particular then, for ecommerce?
As an ecommerce agency we see PWA as a huge opportunity to improve the overall online shopping experience for customers/users, to increase engagement and ROI for our clients, and to improve our own efficiencies in delivering our ‘product’. For this reason we made the decision last year to wholeheartedly invest our time and resources into delivering all our future online stores as progressive web apps.
This year we partnered with Vue Storefront, an “Ultrafast, offline-ready and platform-agnostic Progressive Web App”. Vue Storefront brings huge workflow efficiencies by completely decoupling the front end from the back end, and leverages all the benefits that a PWA can bring. We are able to ‘plug in’ any eCommerce framework such as Magento, Shopware, BigCommerce and so on and, using our own integration platform, any other third-party system such as warehouses, ERP, CRM, ESP, POS.
To summarise, the key benefits of online stores powered by Vue Storefront are:
- The underlying technology means they’re fast!
- They work on all devices with a modern web browser
- They provide a ‘native’ app-like experience; full-screen, offline mode, push notifications and so on, which helps increase conversion
- The data requirements are low
- They are fully indexable and mobile-first, and therefore favoured by Google, which helps achieve a better search engine ranking
- They don’t need to be downloaded, they can simply be added to your home screen and off you go…
So there you have it, Progressive Web Apps. We strongly believe that Progressive Web Apps are the future for fast, high-volume, high-converting online stores. If you would like to know more about PWA, or how GPMD can help you turbo-charge your online store, please get in touch.