Progressive Web Apps - Features and Business Advantages

8 min read

Business, JavaScript
None

If there are any exciting new possibilities that can increase the business value of your web apps, we want you to know everything worth knowing about them. Which is why today we’re going to talk about Progressive Web Apps, or the next generation of ‘app-like’ mobile web experiences.

Read on to find out what Progressive Web Apps can do for the end user and for your business. We’ll go in-depth into the features, limitations and business advantages of PWAs - because it’s an option that should not be left unexplored.

Many thanks to Damian Blejwas and Rafał Gajewski for sittng down with me and contributing their knowledge to this article.

What are Progressive Web Apps?

In the simplest possible terms, a Progressive Web App is a mobile website transformed with additional features and functionalities that give it a definitive ‘app-like’ feel. It is displayed using an instance of Google Chrome and uses service workers to ensure smooth operation even without a reliable internet connection.

So it’s a website - but it feels like a native mobile app, with a custom loading screen, smoother animations and no navigation bar. Your average end user will likely call it a mobile app. I know I did until I researched the subject further with our developers.

Progressive Web Apps are seeing wider adoption every year. In recent years, Twitter, Aliexpress and NASA all used Progressive Web Apps to create new versions of their services.

The trend of providing ‘app-like experiences’ in mobile websites started around 5 years ago but was not named until the Google I/O conference in 2016. Google has been promoting Progressive Web Apps ever since, and it was a large part of Google I/O 2017 as well. You can look at a fresh video from this year’s conference below:

But that’s just context. The real question is: are PWAs worth looking into as a solution to create a mobile app for your web service?

Progressive Web App features

Progressive Web Apps have a range of features that set them apart from the regular web experience.

First of all, once you enter a website that works as a Progressive Web App, you will be prompted to pin the PWA to your home screen, helping you save the app for later and start using it regularly.

Unlike regular websites that usually stop working without an internet connection, Progressive Web Apps use caching to maintain offline functionality. Coming back to a PWA without internet access you may not see the newest data, but you will not be left with a blank screen.

More importantly, a Progressive Web App can work in the background, sending you push notifications to keep you up-to-date on the newest content and allowing the app to synchronize data or send it to the user even when it is not active.

There are some limitations to what Progressive Web Apps can do. PWAs allow you to use some of your phone’s functionality such as geolocation and Bluetooth, though other available device features largely depend on your platform, system version and browser version. Features such as NFC or the light sensor may not be supported on some devices. Progressive Web Apps also cannot communicate with other apps on your phone. Still, with the addition of service workers you can have more control over where and when your device’s features can be used.

All of these limitations are subject to change, however, as the possibilities of PWAs and mobile browsers grow. To stay up to date on what features your browser (and your PWAs) can access, check out this nifty site: whatwebcando.today 

What makes Progressive Web Apps an attractive solution?

Easy to implement

Let’s start with the good stuff. If you already have a web app and you invest 10-15% more front-end coding resources, you can have a Progressive Web App to go along with it. There’s no need to change your framework or introduce new technologies because the PWA is created using JavaScript, your standard front-end language.

Repeat: you do not need additional resources, technologies or people on your project to create a Progressive Web App. If you have JavaScript developers (either in-house or via outsourcing), you already have everything you need.

From the user side, there is no need to install a PWA from the Play Store or App Store. Instead, when you first start using a PWA, it will prompt you to pin the app to your homescreen. Do this and hey presto - the app is now pinned next to your native mobile apps. On your side, this means you can also avoid the review process used by the Play Store/App Store, getting your app live faster.

Expandable

Progressive Web Apps are easy to expand. Because you’re essentially working on a website and adding some functionality, you can add new bells and whistles step by step. You can also update your Progressive Web App with new features as more browsers become compatible with everything PWAs have to offer.

Cross-platform

Just like regular websites, Progressive Web Apps are cross-platform.

Backed by Google

With the backing of one of the largest software companies in the world, there are clear indications that Progressive Web Apps have a bright future. I invite you to look up the presentations from this year’s Google I/O 2017 conference and to see how many of them touch upon PWAs. I’ve personally lost count, but one thing is clear: Google wants more websites to develop into an ‘app-like’ experience, in some cases becoming almost indistinguishable from native apps.

What are the potential downsides of PWAs?

Of course, the ‘website as an app’ solution is not ideal in all situations.

First of all, Progressive Web Apps currently have less access to native system features than native apps. Not all browsers include full support for everything web apps can do, although seasoned web developers can make the core functionality of the web app available in most circumstances. In the worst case scenario, the PWA will simply offer whatever a mobile website can.

Second, PWAs are currently a somewhat Android-centric solution. Apple’s iOS is only partially supported.

Finally, bypassing the review process at the Play Store/App Store is a double-edged sword. It can help you release your app faster, but it won’t make use of the Stores’ promotional potential.

How can using a PWA improve the performance of your web service?

Remember how we mentioned that Google is strongly backing and promoting Progressive Web Apps? Well, speaking about PWAs at Google I/O is just the start. Google has also published a myriad of case studies showing how Progressive Web Apps are improving both the technical and business performance of various web services that decided to make the switch. Here’s a few that we particularly liked:

In short, PWAs can increase engagement, conversion and interaction rate while at the same time reducing data usage and loading times. We highly encourage you to give the above links a click and see just how ‘app-like’ Progressive Web Apps can be.

Summary

Let’s sum up why Progressive Web Apps might be the right fit for your web service.

  1. They cost much less than native apps to develop, and can be implemented using your existing web framework with no additional programming languages and technologies,

  2. Most key features are there to provide an ‘app-like’ experience: push notifications, pinning to home screen, sync in the background, offline functionality, etc., along with an app-like look and feel,

  3. The app will be easy to expand piece-by-piece with new functionality,

  4. PWAs are cross-platform, so you can save time on adapting your service to many different environments,

  5. They are backed and promoted by Google, ensuring that the approach will only grow in popularity,

  6. Bypassing the Play Store/App Store allows you to get your app to market faster.

As you can probably tell, we are quite excited about Progressive Web Apps and the possibilities they offer. They may not be a solution for everyone, but we believe a PWA can create a strong mobile presence even for advanced products that have already been released to the market.

If you’re interested in learning more and want to find out if a PWA is a fit for your web service, we’d love to continue the conversation. You can contact us here.

And if you’re interested in software development outsourcing as a whole, make sure to grab a free copy of our C-Level Guide to Software Development Nearshoring.

Once again a huge thanks to Damian Blejwas and Rafał Gajewski for lending their time and expertise to the creation of this article.

nearshoring ebook
Author

Jakub Grajcar

Inbound Marketing Specialist

More articles about Business, JavaScript