Co to jest Progressive Web App? Wyjaśniamy PWA

Tworzenie aplikacji dostępnych na wielu platformach jednocześnie bywa niezbędne z biznesowego punktu widzenia. Dostępność na wielu platformach to większa liczba użytkowników, a co za tym idzie lepsze pole do realizacji celów. Czy progressive web app jest odpowiedzią na potrzeby udostępnienia aplikacji szerokiej grupie użytkowników? Jaki jest koszt projektowania aplikacji webowej? Czy PWA posiada realne przewagi nad aplikacjami natywnymi? Wyjaśniamy.

Czym jest Progressive Web App? W uproszczeniu to aplikacja, która jest napisana przy pomocy języków HTML, CSS oraz JavaScript, które są zrozumiałe dla każdej przeglądarki internetowej oraz na każdej platformie.

Charakterystyka PWA

W kontekście PWA mówi się o kilku kluczowych dla tej technologii cechach charakterystycznych.

• Discoverable — aplikacja może być łatwo wyszukiwana w przeglądarkach internetowych oraz sklepach z aplikacjami.
• Installable — aplikacja może być zainstalowana zarówno na komputerze stacjonarnym, jak i urządzeniach mobilnych.
• Re-engagable — PWA może wysyłać powiadomienia push, nawet kiedy nie jest aktywna. W ten sposób zachęca użytkownika do jej ponownego uruchomienia.
• Network-independent — użytkownik nie potrzebuje połączenia z internetem, aby korzystać z aplikacji.
• Progressive — interfejs dostosowuje się do zmienianej wielkości ekranu i sposobów wprowadzania danych, czy metod obsługi aplikacji.
• Shareable — aplikację można udostępniać użytkownikom za pomocą standardowego linku.

Te cechy sprawiają, że PWA zyskuje na popularności. Co więcej, jak pokazuje przykład Tindera, dostarczenie podstawowych funkcji za pośrednictwem aplikacji webowej może pozwolić na zmniejszenie wymaganej przestrzeni dyskowej o 90% względem aplikacji natywnej. Jakie jeszcze korzyści daje aplikacja web app?

Source: https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0

The Starbucks PWA application is a perfect example. Thanks to this technology, the application size was reduced from 148MB to 233KB, i.e. by 99.84%!

However, does PWA bring benefits only in the context of smaller space required to use the application? With the answer comes the example of Pinterest, which thanks to the web application, increased the engagement of its portal users.

Source: https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154

Importantly, the PWA reduced the Pinterest page load time from 23 seconds to 5.6 seconds!

This also reduced the amount of memory required to install the app.

Source: https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154

The cost of creating a Progressive Web App

Companies consider different application options, often guided by the cost of the project. The cheaper solution is PWA. To create a PWA application, we use a programming language that is understood by all types of devices. So the application code is created only once. This translates into less work needed to be done by the programmers, i.e. less cost of the application.

PWA vs website

You can open the Progressive Web App using both a web browser and a program installed on your device. What are the features of the PWA used on desktop computers? PWA:

• works without an internet connection if its features do not require it;
• has push notifications and periodic updates;
• thanks to the formula of a web page, it is found by search engines 
• opens with a simple link, because you are hosting it from a server;
• works on all platforms using a single code.

Progressive Web App as an Application

Installed as a PWA program, it has several features that are particularly appreciated by publishing companies. First and foremost is:

• the ability to add the PWA as a shortcut on the desktop or quick access bar;
• PWA's file storage feature;
• access to the application after logging in;
• the option to add to app stores in virtually any operating system.

PWA vs mobile app

What are the key differences between a PWA and a mobile app?

1. PWA does not require installation on your device - you can open it in a web browser window on any operating system.
2. PWA does not require much disk space.
3. Updating the web application only requires the user to refresh the page, with no additional installation required.

What is PWA - summary

Progressive Web App is a technology for creating applications that are available in a web browser and as a separate mobile app. It allows you to create an application available for multiple platforms, using one common code.

Many companies not only saved money by choosing PWA technology, but also gained efficiency and satisfaction of the application users. We hope that you will also consider this technology when planning to create your own application.