A polished native app is almost a requirement for a successful digital business now. But making separate apps for iOS and Android can be pretty expensive (and don’t forget about a Web application for your desktop users).

But what if I told you there is an alternative? It’s cheaper, has wider reach, and keeps the users engaged on par with the best native apps.

Sounds too good to be true?

Let’s find out.

What are Progressive Web Apps?

On the surface, a PWA is not that different from any other web application. You access it with your smartphone’s browser, just like you do with a regular mobile website. But under the hood, PWA packs the cutting-edge tech that makes it behave and feel like a native app.

Here’s how it looks from a user’s perspective.

Say, you’re thirsty for some latest news. So you grab your phone and google Washington Post.

1. You click on the link to their mobile site.

In the beginning, it looks just like a regular Washington Post website.

Only it loads 88% faster!

2. When you visit the website a couple of times (which means you’re getting some real value out of it), it suggests that you “Add [the app] to home screen”.

WPJ add to homescreen

Note: at the moment, this only works in Chrome, Opera, Firefox, and Samsung Internet. Support for Safari and Microsoft Edge is still in active development.

3. If you opt in for the prompt, the app creates an icon on your home screen. Now you access the web application as if it was a mobile app.

67% of users use their apps from home screen

Source: comscore.com

Moreover, you receive (almost) instant loading times, top-level full-screen presentation without an URL bar, and offline functionality.

The app provides some adequate basic functionality even on the oldest smartphones and browsers.

According to the progressive enhancement philosophy, PWA augments the user experience with the new features if their hardware + software supports them.

The true PWA is:

  • progressive – works even on the most primitive devices and outdated browsers, while enhancing user experience with better hardware;
  • responsive – adapts to the screen resolution of your device;
  • connectivity independent – provides value even when offline and in bad connectivity areas;
  • app-like – provides a feeling of a native app with familiar navigation and interactions;
  • fresh – updates in the background to ensure that you always have the latest version of the app;
  • safeuses HTTPS to protect your data in transit;
  • discoverable – search engines can find the app and identify it as such;
  • re-engageable – supports push notifications to bring the user back to the app;
  • installable – you can add the app to your home screen without jumping through App Store hoops;
  • linkable – you can share an app with your friends on Facebook (or any other chat app).
PWA combine the best qualities of native apps and web applications to deliver the best experience to the biggest user base.

Now, when you know what a PWA is, let’s take a look at the 2017’s mobile landscape and find out how this tech can help you overcome its main shortcomings.

Behind the faults of native apps and mobile Internet

Mobile Internet is extremely important for pretty much any kind of business. 2016 has seen a silent revolution when the traffic from mobile devices has finally overtaken the desktop traffic. 2017 has once again shown tremendous growth for the mobile Internet.

% of web traffic share by device

There are two ways mobile users can interact with your business online: mobile web and native apps. Both have significant drawbacks that could be eliminated by using PWA.

How?

Let’s take a look at a Comscore’s 2017 mobile app report. The whitepaper examines the top 500 most used native apps and 500 most visited mobile websites.

mobile web vs native apps visitors comparison

Source: comscore.com

As you can see, mobile users are twice more likely to visit your website than use your native app. The reason is obvious: when a new need arises, the majority of people are just going to Google the solution.

But on consequent visits, users hit a major barrier – the loading speed. According to Google, average mobile website loads in 19 seconds (using a 3G network).

At the same time, the majority of users expect your page to load in under 2 seconds. Add a second on top of that and you’ll lose a half of your user base!

The result of poor loading speed, subpar experience and lack of push notifications is 16 times less engagement when compared to the native apps.

But how do native apps stack up to the mobile Internet?

In 2017, apps alone make up 57% of all digital media consumption. Statista predicts that this year smartphone users will download 48+ billion more apps than in 2016.

worldwide app store revenue chart

Source: appannie.com

This evidence proves that the app craze is still in full swing. But already there are some worrying signs:

This means that while people spend more time than ever in their Facebooks, YouTubes, and Instagrams, the chances that they’ll notice your app are getting pretty slim.

The truth is that there is a HUGE barrier that stands between user desire to use your app and enjoying what it has to offer. And the name of the barrier is App Store.

Surprised? As Gabor Cselle of Google has put it: “In a consumer mobile App, every step you make a user perform before they get value out of your App will cost you 20% of users.”

Let’s put this idea to test. Say, you want to read the same old Washington Post, but in the form of a native iOS app.

How many steps you have to take before you gaining an access to their news stories?

  1. Open your Safari/fire up the App Store;
  2. Search for “Washington Post app”;
  3. Hit the install button (and worry whether you have enough space on your drive);
  4. Accept the permissions;
  5. Tap your fingers while the app is downloading (remember that a native app can be literally hundreds of times larger than the equivalent PWA).
  6. Load the app and enjoy your news.

Applying the Cselle’s formula, we get a whopping 74% of users lost on their way to your native app!

Progressive web apps vs native and web applications

What if instead of making a regular web application and two native apps you’ve made a PWA?

  • Your mobile users would get a website that loads almost instantly. According to Google, a loading time of under 5 seconds could grant you 60% more views, 70% extra engagement, and 35% reduction in bounce rates when compared to the average mobile website.

WPJ loading time test

Source: washingtonpost.com

  • Your users get an experience that is as engaging as native apps due to Home Screen button and push notifications. This feature alone can give you a 171% increase in engagement (278% for e-commerce!).
  • Users are able to access your PWA while offline or riding the subway.
  • They won’t have to go through 6 extra steps just to install your app. For half the price, your PWA would enjoy double the reach of a native app. The tiny storage requirement and progressive enhancement only increases the accessibility of your app.

And remember, users will be able to share your PWA’s URL with friends on Facebook, Twitter, or WhatsApp.

Progressive web apps examples and success stories

Since the term “Progressive Web Apps” appeared in 2015, a number of companies have tried their hand at this hot tech. Their experience shows how PWA can transform digital businesses ranging from e-commerce to social media and beyond.

Twitter

Twitter Lite logo

Is there really any need to introduce Twitter? You’ve probably used it today to share something of great value or to look at some cat pics.

80% of Twitter’s traffic comes from mobile devices and the social media giant saw a great opportunity to improve its mobile experience.

In 2017 Twitter has rolled out its progressive web app called Twitter Lite. And the name is no joke – the PWA takes up only 600KB (less than 3% of its native app’s storage requirements)! For first-time users, Twitter Lite loads in less than five seconds (using 3G). After that, you can expect it to load almost immediately.

Twitter is the fast food of the social media: the faster you get your snacks, the more you want. The benefit of decreased load times assisted Twitter Light users to:

  • Consume 65% more pages in a single session;
  • Send 75% more tweets;
  • Have 20% lower bounce rates.

Alibaba

Alibaba logo

Alibaba is the world champion when it comes to the heavyweight Business-to-Business marketplaces. The company unites sellers and buyers from more than 200 countries. The store relied on its website to reach its mobile users. But the users themselves found the experience somewhat lacking.

At the same time, Alibaba’s effort to drive traffic to their native apps has run into some difficulties as users were reluctant to take the extra step and download the app.

Here comes Alibaba’s progressive web app. The much smoother experience for first-timers and push notifications + home screen shortcut to re-engage seasoned users have provided Alibaba some neat benefits:

  • +30% active visitors on Android/+14% on iOS;
  • +300% re-engagement rate (on par with their native apps);
  • +76% conversions.

Flipkart

FlipkartLite logo

Flipkart is India’s largest online store. Almost 80% of country’s Internet users access it via their Android smartphones. Flipkart became disappointed with the subpar experience of their website when compared to the native app.

Flipkart’s PWA uses three times less data than its native sibling. In addition to being painfully slow, the Internet in India is also pretty expensive at $3.81/GB (minimum wage is $0.31/hour). So slashing data usage goes a long way towards improving the user experience.

Due to these improvements, Flipkart Lite’s users have:

  • 200% longer sessions;
  • 40% more likely to use the app again;
  • 70% more conversions when coming from the Home Screen.

For a more comprehensive pwa apps list, see Google’s showcases.

Do you really need a progressive web app?

While every page on the Net would benefit from the increased loading speeds, sometimes a plain old website is enough. At the same time, PWA provide incredible benefits to apps that frequently update their content or where users tend to pull a bunch of data and then look through it offline such as:

  • News portals;
  • Chat apps;
  • Online shops;
  • E-marketplaces;
  • Taxi apps.

Among the most effective uses for the PWA tech is making apps for developing countries, the source for the next billion Internet users. For the majority of them, a low-cost Android smartphone and a 2G network will be their only window into the Internet.

And what better way to cover those next billion users than with progressive web apps?

  • They work even on the cheapest Android devices;
  • They fare much better than traditional web applications when facing lousy 2G Internet;
  • They are light on traffic which means they are also light on the user’s pocket.

Jumia, the biggest online shop targeting African consumers has recently introduced a progressive app. The results are astonishing: a 33% boost to the conversion rates, twelvefold increase in users compared to their native apps, and bounce rates reduced by half!

But what about the first world countries and their love for the Apple devices?

It’s true that at the moment iOS doesn’t fully support progressive web applications, particularly service workers and web app manifests.

But don’t rush to discard the tech!

Progressive enhancement, the core philosophy of PWA, still applies. The noticeable performance improvements of ios progressive web apps also make a world of difference.

Compared to regular mobile websites, PWA demonstrate some serious improvements across all platforms.

When AliExpress launched a PWA on iOS, they reported 82% more conversions (vs 104% for Android).
After launching their PWA, Washington Post saw a similar 5x boost to user engagement on both Android and iOS.

Another good news is that Chrome, Opera, Firefox, and Samsung Internet fully support PWA. For Microsoft Edge and Safari, service workers are currently in active development.

This means that soon one PWA will be all you need to reach every mobile Internet user in the world regardless of financial status or platform preference.

Soon one PWA will be all you need to reach every mobile Internet user in the world regardless of financial status or platform preference.

As for the lack of web app manifests on iOS, you can install a PWA to your iPhone’s Home Screen using Apple’s meta tags.

Conclusion

In 2017, PWA are still a rare thing among the sea of ordinary websites and native apps. But the success of the pioneers shows that the technology provides some impressive benefits.

Soon PWA will become commonplace and users will start taking them for granted. But right now you have a window of opportunity to wow your users with a one-of-a-kind experience and take away their biggest frustrations.

They won’t have to suffer through horrible loading times. They won’t have to take six! extra steps just to get a taste of what your app has to offer.

Instead, they’ll get a fast, reliable, and secure experience they can access directly from their Home Screens. And be sure that satisfied and engaged users will come back to your app again and again to take the actions you desire.

Now, of course, it’s your decision whether investment in the new tech is worth it for your business. I’m sure together we can create a better future for the mobile web.

If you have any questions about Progressive Web Apps, just ask them in the comments section.

  •  
  •  
  •  
  •  
  •