Progressive Web App (PWA) was hailed as the next big thing a few years ago. And yet—as is often the case with “revolutions” in the tech world—it hasn’t gained the traction predicted by those initial noisy headlines. Suggesting that PWA has somehow failed is, however, way wide of the mark. In fact, companies like Google and Microsoft are part of the PWA movement and there is no sign that they will be giving up on it any time soon. Keep reading to find out what PWA is, how it works and how it can benefit your online store.
Progressive Web Application (PWA) is a type of web app that can operate both as a web page and mobile app on any device. It is a great solution for poor mobile UX and low conversion rates in your online store. Using standard technologies, PWA is aimed at delivering native-like user experience, with speedier conversion and cleaner browsing even with a poor Internet connection.
Since they do not imply any particular implementation, it is not easy to coin a proper, dictionary definition of PWAs. Google, the company that came up with them, doesn't offer much help, as its official introduction remains pretty vague. It says that PWA is:
If the Progressive Web App’s meaning is still not fully clear to you, let’s deep dive into details.
Want to learn more about PWA? Download the ebook
You may have already heard that the ecommerce world has never changed so fast. That’s been a cliche for some time now but today it’s even more accurate than ever. Mobile-first ecommerce has been a standard for years now, and it’s getting more traction every day. The numbers tell the story:
This means that if you’re not at this point yet, it’s definitely high time to jump on the mobile commerce train. With PWA, which has the purpose to enable mobile-first ecommerce transformation, you will do it in the most convenient and quickest way and at the lowest cost.
Google is the godfather of PWA, which should come as no surprise. PWA, by blending the web- and mobile-like UX, has a chance to break down the wall in the garden of data guarded by Google and Apple. While Google can afford that (as its data storage also contains pretty much all of the world wide web), Apple is not in such a comfortable position here.
However, the idea of putting mobile user experiences in the center of interest was actually put forward by Steve Jobs over a decade ago. Apple’s CEO presented the concept during the iPhone introduction in 2007 because, at the beginning of the mobile revolution, it seemed obvious that external apps would be a way to leverage the popularity of the nascent Apple device. Jobs wanted to encourage developers to build them
That was, however, a short-lived idea. In July 2008, Apple placed the concept of "universal apps" on ice. The company presented the App Store instead and mobile apps started to dominate the internet.
The PWA-specific approach had to wait for its moment, which came a decade later. In 2015, Frances Berriman and Alex Russell, the authors of term PWA, wrote in the foreword of “Progressive Web Apps”, a book by Jason Grigsby:
"The idea of native apps always seemed like a regression. Walled gardens with terrible search, dubious security, and the endless tax of updates - it felt so 1990s."
Berriman and Russell noticed a new type of website delivering a way better user experience than traditional web apps. They called them “Progressive Web Apps”. A year later, during the Google IO conference, Eric Bidelman, Senior Staff Developers Programs Engineer, introduced Progressive Web Apps as a new standard in web development.
In early 2018, Apple shipped support for basic features of PWA but still imposed certain limitations regarding cache capacity or native push notifications.
The main benefits of implementing PWA include improved speed and performance, app-like UX and multi-platform usage. However, those are just a few examples from a broad pool of PWA advantages. Let’s take a closer look at all of them.
And yes, Progressive Web Apps can provide a consistent app-like experience on any device. Depending on browser capabilities, PWA automatically and progressively enhances their built-in features to look and feel like a native app.
Search engines like smooth, fast apps with limited retention, and promote them with a higher ranking in search results. And, as we all know, the higher the position, the greater the chance of grabbing the user's attention.
Not to mention that website performance decreases the bounce rate—a metric that also impacts how Google evaluates a site and determines its position in SERP (Search Engine Results Page).
This means a lot of freedom to your marketing team – with headless architecture (like headless CMS) on board they become independent from developers and can easily make changes on their own.
PWA helps to achieve those goals in part due to their full-screen capabilities as well as easy access (thanks to the Add to Home Screen option). Push notifications, previously available only for native apps, additionally improve user re-engagement.
Native apps have reigned for a decade but we are finally moving on to a unified experience on every platform and device. Progressive Web Apps are mobile-first oriented and extremely lightweight compared to native apps, providing the same level of interactivity.
Although the leading players on the online landscape, such as Alibaba, Pinterest, and Twitter already embrace them and have implemented PWA on their sites, the term Progressive Web App was still quite vague for minor players for years. Many of them, realizing that the mobile-first approach is a must these days, are convinced that there is no alternative for Responsive Web Design or native apps.
However, awareness of the advantages of PWAs is constantly growing, which is proved by Google’s statistics and the growing number of Vue Storefront live projects.
Let’s take a look at the overall comparison of Progressive Web Apps and Native apps below.
To set up a Progressive Web App you need to secure a number of elements:
For the PWA purposes you need to provide a secure server with a HTTPS connection. This is the way to both protect user data and to build an extra layer of security within your website.
This is one of the key elements of PWA technology, which helps to determine how to handle network requests. A service worker is a client-side JavaScript file added to your codebase, which is working in the background to mimic app-like features.
You need to generate a simple JSON file (PWA manifest file) which provides the browser with information about the look and behavior of your PWA, once installed on a user’s mobile device. It contains basic information like the app name, used icons or colors, and aims to enhance a native app-like experience.
Important: PWA manifest file is required by Google Chrome to display the “Add to Screen” prompt.
Progressive Web Apps are already here and deliver outstanding results. Just look!
Below you will find more details on some PWA implementations at Vue Storefront.
.png)
Foodl, a B2B online marketplace for HoReCa, lacked a human touch in its digital services. To fix this, they searched for a flexible solution that would support the company’s growth with the desired UX. The company didn't want to force customers into anything just to, for example, shorten the buyer journey or use any specific devices.
Mindcurv took a deep dive into customer and partner experiences, mapped out their user journeys, defined potential bottlenecks, needs, and - based on the input - designed the UX to align it with the business processes specific to the HoReCa industry.
As a part of a bigger transformation and tech stack composition, Foodl with Mindcurv were able to shape with Vue Storefront’s PWA
Raumschmiede, the owner of a brand Garten-und-Freizeit was looking for a way to secure and speed up growth. Facing the transformation, they sought a solution that would deliver superb UX while handling complex business logic for over 30,000 different products. Apart from that, they needed to provide consistent, individually-tailored customer service.
Raumschmiede, together with partner agency Team23, bet on Vue Storefront for several reasons. One of them was technology. With architecture and default PWA features partners knew, they will achieve their set goals.
PWA as a first choice quickly increased income as well as providing:
Which resulted in:
API-first architecture allows merchants to cherry-pick the best services in their niches and tailor-made their eCommerce system to make it exactly what they need it to be.
Progressive Web Apps are all about user experience, aimed at increasing user engagement and all the benefits that come with it. You can, however, choose the way you use the advantages of PWAs. Improving page speed is, of course, a no-brainer, but there are a lot more.
PWAs, as they are discoverable in the internet browsers, can also take advantage of the popularity of voice search, which seemingly is the next step of making digital interaction more human-like and the whole UX more consistent.
In the omnichannel era, user experience should be seen in a big picture, including every single touchpoint, both offline and online. If the customer journey is not managed, users may feel dazed and confused, which is not the best foundation for a shopping experience.
PWA takes advantage of the habits that users already gain using native apps, enabling developers to use the features of mobile phones to enrich the UX. The camera, microphone, geolocalization, and even device vibration are at their disposal. The possibilities of PWA are shaped by the business requirements.
Vue Storefront Progressive Web App gives significant business capabilities to eCommerce vendors who want to close their mobile gap:
Download the free white paper and learn more about PWA in eCommerce
Yes, PWA works offline, allowing the user to keep on browsing even without an internet connection. With any other web store, they would normally have to drop their purchase process. With PWA however, a poor network will not decrease your sales.
In all likelihood PWA will not replace native apps. However, PWA is a great alternative to costly native apps. They are the quickest and most affordable way to enable mobile-first commerce. While native apps are limited to certain devices, they are expensive to build and maintain – with PWA you deliver all capabilities at once, in a fraction of time.
eCommerce businesses observe relatively high mobile traffic on their websites, but it often does not go hand in hand with high conversions. To change this, they need a responsive site with a UX tailored to mobile devices. The easiest, fastest and lowest cost way to achieve this is through Progressive Web App. So yes, it’s worth it.
