The Small Revolution Of Progressive Web Apps

What Is A Progressive Web App

A “Progressive Web App”, Will combine web technologies (HTML, CSS, JavaScript) and the functionalities of a native application (push notifications, full-screen vision, geolocation, etc.)

It is mobile-first, readable from a browser, has a URL and it is responsive on all screens (mobile, tablet, PC). Today the PWA represents a real cross between the web App (Hotmail, Google Drive) and the mobile website.

Google, via Android, was the first to sniff out the PWA vein. It is gradually making all the features of native applications available to PWAs and has been doing so for a few years now. They are now endowed with many advantages but also the best of native applications (push notifications, icons, full-screen mode).

Note, however, that iOS was not as fast as Android in providing PWAs with native features on its system. It is, therefore, catching up at the moment, by supporting them better and better with each update, with advances almost every month.

How Does It Work

To begin with, she uses a script ” Service Workers », Which will give access to features such as sending push notifications, updating content in the background, or even offline use.

Based on an “App Shell” model, it provides an envelope of the basic UI before the data is put in place. We, therefore, separate the content and the structure of the application to save loading time.

Finally, it uses a “manifest.json”, a file that allows it to create a shortcut on the home page from the browser, and no longer after installation from the Store! This manipulation is easily done on Android, while on iOS you have to trick a little or pin your site.

You should know that iOS has made a lot of effort recently to integrate PWAs. Indeed, the operating system offers, for example, much more access to smartphone tools (geolocation, gyroscope) and improves the user experience. The functions of the “manifest” do not stop there since it makes it possible to make an aspect more native to the application via the possibility of rotating the screen, of carrying out a display without an address bar or of change the color.

Finally, together with these files, we can code our “Progressive Web App” like a classic website, with HTML, JavaScript, and CSS.

Also Read: WhatsApp Is Implementing Advanced Search Mode On Android

What Are The Advantages Of A Progressive Web App

Let’s See The Advantages of a PWA Compared To a Classic Native Application:

• You don’t need to install a PWA, you access it via its URL.
• You can put the icon of a PWA as a shortcut on the home page of a phone from the browser without having to install it
• PWA saves money because it is only developed once, whereas a native app needs to be developed for Android and iOS
• Thanks to its partial caching, the user does not re-download it every time they use it
• Without a download, the PWA only uses a very limited portion of the phone’s memory
• The PWA has SEO! And yes, thanks to its URL, it is referenced by Google, so it is SEO-friendly
• It can be used without an internet connection
• It is secure (HTTPS), and responsive (PC, Tablet, Laptop)

Now Let’s Mention The Disadvantages:

• Its absence on mobile blinds
• Among browsers, Chrome is a good student, but others take a long time to adapt to the PWA
• Impossible not possible to geofencing
• The offline data storage limit is 50Mb maximum
• Despite its many features, it offers limited possibilities in terms of UX and UI, especially in 3D (no access to Bluetooth, Touch ID, Face ID, NFC, etc.)

Also Read: Apps For Apple Watch That You Should Not Miss

The Revenge Of Native Applications Against PWAs

You are probably wondering why a company should choose a “Progressive Web Application” rather than a “Native Application”. Many also wonder if PWAs will ever come to replace them.

Unlike PWAs, native apps are written to run on mobile devices, not in a web browser. They are developed with Objective-C and Swift languages for iOS and Java for Android. While longer and more expensive to develop (because of the development of separate versions for the 2 platforms), native applications are however more secure, running under HTTPS. A guarantee of confidence for the user!

They can interact with each other (for example by offering its users to connect via Facebook) and provide a better user experience. They also offer solutions lacking in PWAs such as access to Apple services (for example in-app payments), Siri integration, access to information (Touch ID, Face ID, etc.).

The native application also allows you to use many more features than the Progressive Web App, for example, geofencing which consists of sending a notification when approaching a geolocated point.

Like the PWA, the native app is a good solution to provide a seamless experience for users. The choice between the two should be made according to the objectives and resources of your project.

The “native developer” has certainly lost some market share, but is not about to disappear! It will now have to redouble its efforts to compete with PWAs, on more advanced applications, by seeking the latest features that PWAs do not yet support.

Conclusion

Thanks to its URLs, its loading speed, its functionalities, and its mobile design, the PWA seems to be the future of applications. And for proof, Twitter Lite», Which implemented a PWA for its mobile experience and saw its bounce rate drop by 20%, and its number of tweets increase by 75%. Others have also had this initiative, such as Tinder, Pinterest.

Because of these good results, browsers and other platforms have recently made a lot of efforts to support and add more and more features to PWAs, so it is a technology that is evolving and that could, in the long term, supplant the application market.

Also Read: AWS launches into No-Code and wants to compete with Microsoft PowerApps