In light of the recent COVID-19 pandemic - OPTASY would like to offer DRUPAL website support for any Health Care, Government, Education and Non-Profit Organization(s) with critical crisis communication websites or organizations directly providing relief. Stay Safe and Stay Well.

Progressive Web Apps: How Precisely Do They Benefit Your Business?

Progressive Web Apps: How Precisely Do They Benefit Your Business?

by Adrian Ababei on Jun 06 2017

Before we delve any deeper into the topic of progressive web apps, let's highlight the context that “produced” them: the limitations of the web itself (poor internet connection, low performance and so on).

Therefore, a solution was needed so that users (and here we're referring mostly to users from emerging markets, although poor internet connection is a “sore point” for users from other countries, as well) faced with this type of drawback could enjoy some native-ish, app-like experiences, too.

And so, evolving from the “standard” web-hosted apps and “rivaling” native apps in feature-rich user experience, loading speed and (most of all) unmatched accessibility, progressive web apps “were born”!

Now let's get to the bottom of the growing “fascination” for this “new” type of apps, pointing out why they're preferred by developers (front-end developers in particular), by users and by organizations (Google being this web technology's most “notorious” advocate) to the same extent.   

 

But First: What Exactly Are Progressive Native Apps? 

And this leads to another another legitimate question: in what way are they different from “conventional” web apps?

Web browser APIs”, this is the answer! It's this feature alone that makes all the difference! Progressive web apps are “clusters” of multiple modern web technologies, the great majority of them deriving from the web API's itself.

Basically this opens a whole new web era for developers, an era where they can build powerful dynamic web apps using web APIs. Where they can deliver native-ish user experiences without the need of using hybrid frameworks. 

Progressive enhancement” (or “brewing” top performance even from the early stages of development), this is how we can call the whole development process that sets this type of apps apart from web apps and gets them so close to native apps.

Developers get to add new enhancements/features progressively, while users get to enjoy some native app-like experience, irrespective of their internet connection's quality or of the mobile browser that they're using. A win-win situation!

And now, let's point out the key “requirements” for a “regular” web app to “level up” to a progressive one:

  • to be responsive: a progressive web app runs on any type of device (any browser)

     
  • to run offline relying on service workers (to be connectivity-independent): one of the main reasons why these apps have gained so much ground so quickly; “poor or no internet connectivity” is the issue that progressive web apps have been created to compensate for after all

     
  • to feature an architecture enabling progressive enhancement (developers should easily add on new features, new functionalities hassle-free)

     
  • to be be easy to install locally, on the user's home screen, on smartphones and tablets

     
  • to be re-engageable: via features such as push notifications

     
  • to be built on HTTP, therefore addressing the security issue

     
  • to be easily accessed via one basic URL

     

And the list could easily go on and on with features deriving from these very “requirements”:

  • they're app-like (with content and functionality playing, each, its separate role)

     
  • they're discoverable (since Google and other search engines can easily track them down identifying them as “apps”)

     
  • they feature dynamic app-like pages with separate URLs, etc.

     

What's most important for you, as a Drupal site owner and as an organization, is the aspect of ACCESSIBILITY! Being responsive, progressive and connectivity-independent, these new-generation type of apps (the “future of web apps”, as many call them) is a huge leap forward into the future of web.

Once there the user's freed from the chains of performance and other types of dependencies (platform dependency, internet connection dependency...)

               

And Again: How Precisely Do Progressive Web Apps Benefit Your Own Business?

Is your organization's future projects include seizing business opportunities in the emerging markets (for, after all, they are “responsible” for 70% of the global growth, according to Forbes)? Markets which are known as having the mobile in their DNA while they face, at the same time, poor internet connectivity challenges?

Then progressive web apps come as a sure “recipe” for your business' growth!

As for your direct customers, it's all the new possibilities that this type of apps, built with unmatched accessibility in mind, unlock. Your users will be able to access your PWAs from any device (PWAs put an end to Android's “dictatorship”), from any network access (or none) and still enjoy a native-ish experience.

They no longer need to limit themselves to “super light” type of mobile apps or to access their favorite apps only for short periods of time.

 

Progressive web apps can be adjusted to these particular customers' context of poor network performance and used devices. An enhancement that will smooth your access through and ensure your business' growth in a 3.9 billion person market.

From our own team of Drupal developers' standpoint: they'll get to focus on configuring your company's web apps for 2G only, thanks to their “connectivity-independency” feature.

Now if we are to point out some business stories of success, we could mention Jumia and Konga. The two companies operating in Africa have both implemented progressive enhancements into their their web apps' development process and they've both succeeded to increase their conversion rater and to reduce data usage.

To Sum Up:

  • your users don't need to compromise a rich native app-like experience in order to save their data or due to a poorly performing network

     
  • you'll make your web apps accessible to everyone (increasing visibility for your own brand)

     
  • you'll manage to cut down your bounce rate (no more “annoyed” users unable to access your app or constrained to access it for a shorter period of time)

     
  • you'll be able to more effectively safeguard your data   

  

Service Workers: What Are They and How Can They Improve Your PWA?

First of all we feel like adding that: service workers are indispensable when building progressive web apps! They're the JavaScript-like scripts handling everything data-related: where it comes from, how it should be structured and cached in the background, where it should be pulled to etc.

Each time your users perform an action, it's these service workers that makes the right data requests in the database and transmits it between views. They coordinate all the background processes that go from data requests to content delivery.

And speaking of service workers, we need to stress out that it's the Service Worker API that's the truly indispensable service worker that you should be using for ensuring a connectivity-independent PWA.

It makes the very foundation of your progressive web app!

Start with the Service Worker Api and build on it; take it from there and continue to enhance your app!

 

For inspiration, we recommend you to visit Service Workers Cookbook, a great source of “enlightening” demos and great examples for you to learn from! 

A Few Words About The App Shell That Progressive Web Apps Use

If you're familiar with the native app's architecture, then you surely are familiar with app shells.  

They're the pre-established patterns that guarantee the clear separation of the UI from the data and code. It's also the true “culprit” of native apps' high performance, of their undeniable power: the interface remains visible and identical for the user, while different sets of data can load each time.

It can be cached locally, making it easy for it to load with each access of your app, and guaranteeing a dynamic content: data and functionality filling in the views can differ depending on various factors.

And this shell-like structure remains identical on every single page of your app. It's only the data/functionality that vary, creating that sense of dynamics and ensuring the best loading times, too.

And that's it for today! This is our short 2-in-1 presentation and pledge for adopting progressive web apps. What do you think? Are they the future of the interweb or you don't see their potential?

 

Development

We do Web development

Go to our Web development page!

Visit page!

Recommended Stories

Drupal 9 Features: From “No New Features” to... 9 New Shiny Things You Can Expect to See in Drupal 9
What new Drupal 9 features can you expect to see on June 3rd, 2020? For, it's a bit confusing, isn't it?   on one hand, you have the “no new features“ statement on the other hand, you get answers like: “the easiest upgrade in a decade”, “newer PHP libraries”, “a brand new admin theme”, and so on   So, are there any new shiny things in Drupal 9 that you can look forward to? Or maybe get worried about... There is one shiny new feature and 8... improvements, from what I've seen. And I've grouped all together in a list. Here it is: 1. The New Shiny Thing: Easy Upgrade from Drupal 8 to Drupal 9 A smooth upgrade experience, this is the only new shiny thing that Drupal 9 ships with. In short, moving to Drupal 9 will be as easy as updating from one minor Drupal 8 version to another. Source: Drupal.org Word of caution: the upgrade path to Drupal 9 is “buttery smooth” if and only if you stick to a “healthy” routine of weeding out old and deprecated code from your current codebase. 2. Drupal 7 and 8 Will Continue to Get Supported Alongside Drupal 9 One of the biggest Drupal 9 vs Drupal 8 (and even Drupal 9 vs Drupal 7) difference is the overlap of security coverage: Till Drupal 9, whenever a new stable version got released, the previous one lost its support. Starting with the 9th version of the CMS, Drupal 7, and Drupal 8 will continue to get community support till November 2021. In other words, Drupal 8, cleaned-up of all deprecated API will continue to work on Drupal 9.  And Drupal 7 will get community support for... 1-1.5 years after Drupal 9 gets released.  One of the unexpected Drupal 9 features. For it disrupts the way that the Drupal community used to approach major versions once they were no longer “the latest” ones. 3. Claro Becomes the Default Administration Theme … once it gets stable. 4. New Drupal 9 Features: CKEditor 5 Gets Implemented ... in a future version of Drupal 9. Security support will drop for CKEditor 4 sometime around Drupal 9's end of life. Therefore, Drupal 9's roadmap includes adding CKEditor 5 to a future version (and eventually removing CKEditor 4 completely in Drupal 10).   5. The Workspace Module Goes from Experimental to Stable Source: Drupal.org How is this good news for you? Let's say that you need to prepare multiple versions of your Drupal site and, depending on certain factors, to push live only one of them. The Workspace module allows you do to precisely that: to replicate content between workspaces on the same Drupal site. And, luckily, the module will be generally available starting with Drupal 9... 6. What's New in Drupal 9? Twig 2 That's right, Drupal 9 comes with support for newer PHP libraries. Support for Twig 2 here included. 7. Drupal 9 Will Be Backward-Compatible with Drupal 8 from Day One What are the new Drupal 9 features? Minor upgrade versions of Drupal 8 will be backward-compatible with Drupal 9. This means that all your Drupal 8 components will work with Drupal 9. This ninth version of Drupal is built on top of Drupal 8, basically.  In other words: no need to panic that your (Drupal 8) website's key features will no longer be valid in Drupal 9. This is going to be the first time that 2 major versions of Drupal are fully compatible.   8. From Symfony 3 to Symfony 4.4 “What's new in Drupal 9?” Symfony 4.4. Since its third version will no longer be supported in November 2021, Symfony 4.4 gets integrated with Drupal 9. All while making sure that Drupal 9 is forward-compatible with Symfony 5, as well...   9. Olivero Becomes Drupal's New Default Theme New Drupal version, new front-end theme. Olivero will come to replace Bartik, the current default theme in Drupal.   Wrap-Up: 5 Drupal 9 Requirements Your Drupal Site Should Meet Now you know which are the predictable, the new and the... shiny new features in Drupal 9. What next? How do you ensure that your Drupal website's Drupal 9-ready? Here are 5 key steps to take for a buttery-smooth upgrade:   Make sure your environment is Drupal 9-compatible: PHP 7.3, MySQL 5.7.8, Drush 10   Update to the latest minor versions of Drupal 8 as soon as they get released: you'll be able to upgrade your website to Drupal 9 only from Drupal 8.8. and Drupal 8.9    Keep your modules up to date: do all your contributed modules run on their latest versions?   Weed out any deprecated API from the custom projects that your website's using   Update core to Drupal 9   Word of caution: if your website (still) runs on Drupal 7, upgrade to Drupal 8.  To sum up, the shortest path to a smooth upgrade to Drupal 9 is sticking to the best practices:   remove all deprecated code (go for an automated tool like drupal-check or Rector to identify deprecations on your website) update your Drupal core and contributed projects to their latest versions   Or, you can leave all the preparations to us. Just drop us a line and we'll evaluate your website's level of... readiness:   Is there any deprecated code still “lingering in there? Does it run on Drupal 7? Are there any outdated versions of PHP or MySQL that it is still using?   Then, we can come up with a plan to get it Drupal 9-ready. Image by Marsel Elia from Pixabay   ... Read more
Adriana Cacoveanu / May 20'2020
OPTASY Is Proud to be Named a Top Canadian E-commerce Development Partner by Clutch
Here at OPTASY, we know it can seem impossible for a new business to tackle their challenges while also implementing high-quality web development solutions. That’s why we’re here to help! We’re a Canadian Drupal firm and web development company that’s provided web solutions with outstanding results. Our team is dedicated, knowledgeable, and can help your company thrive!  Source: Clutch.com In recognition of our efforts, we’ve been named a top Canadian e-commerce development firm by Clutch, a development research resource.  We’d like to thank our superstar clients for helping us get this far! They engaged with Clutch analysts to assess our impact on their day to day operations. Our evaluation took into account the quality of our services and deliverables, attention to their project timelines, and the value of our work in relation to our pricing. We’re happy to announce that we’ve maintained a lovely 4.8 out of five stars in reflection of that data!  Take a look at one of our recent reviews below:  "We are thrilled to have been chosen as one of the leading web developers by Clutch!"  - Adrian Aabei, CEO of OPTASY, Inc. For those who might not know, Clutch is a verified market research firm that leverages a unique rating methodology to compare leaders across sectors. They showcase our development work on Visual Objects, Clutch’s sister site that centers on portfolio items. They feature us in their directory of top e-commerce developers.  We’re proud to receive this feedback and look forward to helping even more clients meet their potential! Contact OPTASY today if you’d like to learn more about how we can help you thrive!  Image by Megan Rexazin from Pixabay   ... Read more
Adriana Cacoveanu / Feb 06'2020
OPTASY: Ranked as Top Drupal Developers of February 2020
OPTASY strikes again! We've got listed among the top Drupal developers of 2020... FindBestDevelopment, the leading ranking platform for the web development industry, featured us in their “Best Drupal Development” category. Take it as a “hall of fame” showcasing 10 of the best Drupal development companies in the... world.   And we've just earned our spot there. What a great way to start the year!   But Who Is FindBestDevelopment? It's a market research and reputation platform that “detects” and rates the top software development companies in the world.    And they do that... monthly. Source: FindBestDevelopment.com Take it as a free, trusted and conveniently exhaustive resource at hand for when you look for top professionals in fields like AI, eCommerce, Drupal, web, mobile app or IoT. “And how do they evaluate and rank the IT service providers included in their tops? What criteria do they use?” A legitimate question to ask yourself.  FindBestDevelopment conducts an in-depth investigation of the targeted companies and:   analyses their business practices compares them to the industry standards   For instance, in the case of a team of Drupal developers, their editorial staff would evaluate:   the team's overall experience as a Drupal services provider its specific processes the reporting its portfolio and the impact of the projects included there   Source: FindBestDevelopment.com There are 8 different categories that FindBestDevelopment updates on a monthly basis:   Best Web Development Best Mobile Application Development Best Custom Software Development Best eCommerce Development Best WordPress Development Best Drupal Development Best IoT Development Best Artificial Intelligence Development From a Small Drupal Agency to... the Top 10 Drupal Developers Looking back, way back (2005), when OPTASY was just a small team of Drupal enthusiasts, and analyzing our trajectory, we do get a bit... dizzy. Little did we know (or hope to dare) that we would come 3rd place in the “Best Drupal Development Awards” on the world's most reputed ranking platform. Source: FindBestWebDevelopment.com It's overwhelming, it's rewarding and it's... a huge confidence-booster. Seeing the other 9 finalists — companies that we've been looking up to — and knowing that our past projects played a key role in this evaluation, we get both a confirmation and an incentive to live up to these higher standards.   Thank You! We have Drupal in our DNA: we've been living and breathing Drupal since... 2005. And yet... if it hadn't been for our clients':   innovative ideas that they wanted implemented in their projects:  unique functionalities turned into custom Drupal modules, high standards in terms of visual aesthetics turned into custom Drupal themes daring goals that they set for their projects courage to adopt new approaches and emerging technologies to deliver the best user experience to their customers   … we wouldn't have been here, among the world's top 10 Drupal developers. ... Read more
Adriana Cacoveanu / Feb 03'2020