Progressive Web Apps - czym są i jak z nich korzystać?

Być może słyszeliście już o czymś, co nazywa się "Progressive Web Apps", albo PWA. Podczas gdy sama nazwa może być nieco niejasna, a koncepcja lekko skomplikowana z powodu tego jak bardzo się od siebie potrafią różnić, mamy podstawy do twierdzenia, że mogą one znacząco zmienić sposób, w jaki korzystamy z internetu.

Więc czym są PWA?

Celem PWA jest wypełnienie luki między stronami internetowymi a aplikacjami mobilnymi, poprzez używanie nowoczesnych technologii takich jak powiadomienia push, działanie w trybie offline, czy ekrany powitalne. Ich końcowym celem jest zapewnianie elastycznego rozwiązania, które będzie dostosowywało się zarówno do komputerów stacjonalnych jak i urządzeń mobilnych.

Większość z nich działa jak strona internetowa, która może zostać pobrana jako skrót na ekran główny smartfona lub tabletu, po czym używana bezpośrednio stamtąd. Wygląda jak aplikacja, zachowuje się jak aplikacja, zapewniając wysoki poziom wygody użytkowania.

Każda PWA musi posiadać kilka konkretnych charakterystyk. Oto lista funkcji potrzebnych, aby móc określić stronę jako Progressive Web App:

• Jest niezależna od przeglądarki. Aplikacja musi działać dla każdego użytkownika, niezależnie od tego w czym ją wyświetlają. Po prostu.
• Jest bezpieczna. Każda PWA musi korzystać z protokołu HTTPS w celu zapewnienia bezpiecznego przesyłu danych.
• Jest responsywna. Strona musi być przyjazna urządzeniom mobilnym, działać szybko i bezproblemowo przechodzić pomiędzy konkretnymi elementami. Jeśli wyświetlenie całości strony w krótkim czasie nie jest możliwe, musi pojawić się placeholder w trakcie jej ładowania.
• URL strony ładuje się nawet gdy urządzenie jest offline. Tak, zgadza się. Aplikacja musi korzystać z tzw. "service workers", aby być w stanie zachować części strony i uruchamiać je niezależnie od połączenia.
• Być w stanie wyświetlić użytkownikowi powiadomienie, które pozwoli mu dodać ją do ekranu głównego swojego urządzenia.
• Szybko się ładować. Podczas pierwszego otwarcia, strona powinna stać się interaktywna w mniej niż 10 sekund na urządzeniu podłączonym do sieci 3G (naturalnie powinno się to stać jeszcze szybciej na nowszych wersjach).
• Każda strona posiada URL, do którego można dotrzeć bezpośrednio po otwarciu go w nowym oknie przeglądarki.

Powyższe warunki są ustalone przez Google, które wywiera spory nacisk na rozprzestrzenianie tej koncepcji i indeksowanie pojawiających się stron w swoim silniku wyszukiwania.

PWA mogą działać w różny sposób - jako gry, Wikipedia offline czy nawet social media (Twitter również posiada swoją).

W jaki sposób mogą pomóc firmom?

PWA rozwiązują sporą część problemów związanych z wysokim bounce rate (o niektórych z nich pisaliśmy w artykule Co zniechęca ludzi do stron internetowych? ), takimi jak wolno ładujące się strony. Giganci tacy jak AliExpress i Alibaba zdążyli już wykorzystać je jako część ich modelu biznesowego.

Według Google, korzyści z wykorzystania PWA przez firmę AliExpress są następujące:

• 104% wzrost w konwersji we wszystkich przeglądarkach (82% dla iOS)
• Dwukrotnie wiecej odwiedzonych stron na jedną sesję we wszystkich przeglądarkach
• 74% dłuższy czas spędzony w serwisie na jedną sesję we wszystkich przeglądarkach

Znacząca poprawa może również być zauważona w innych firmach które postanowiły korzystać z PWA, takich jak Sunno (największa japońska firma zajmująca się rynkiem nieruchomości), OLX czy Twitter.

Ogólnie mówiąc, technologia ta wydaje się nabierać tempa. Nie wyprzedza ona jednak obecnie aplikacji natywnych, jeśli chodzi o bycie najszybciej rosnącą siłą na rynku rozwoju usług mobilnych.