Progresywne aplikacje internetowe (PWA) to aplikacje internetowe opracowane i udoskonalone przy użyciu nowoczesnych interfejsów API, które zapewniają większe możliwości, a jednocześnie pozwalają docierać do wszystkich użytkowników internetu za pomocą jednej bazy kodu. Łączą one szeroki zasięg aplikacji internetowych z bogatymi możliwościami aplikacji na poszczególnych platformach, które zwiększają wygodę użytkowników.
3 filary projektowania PWA
Jeśli chcesz, aby aplikacja PWA spełniała wymagania aplikacji na danej platformie, musisz zaprojektować ją tak, aby była wykonalna, niezawodna i łatwa do zainstalowania.
Zdolny
Aplikacje internetowe oferują obecnie więcej możliwości, a ich możliwości są wciąż rosnące. Niedawno w oprogramowaniu internetowym zaczęto rozwijać funkcje, które wcześniej były dostępne tylko dla aplikacji na konkretnej platformie. Możesz na przykład utworzyć hiperlokalną aplikację do czatów wideo, korzystając z WebRTC, geolokalizacji i powiadomień push, a następnie skonfigurować ją do instalowania oraz używać WebGL i WebVR do przenoszenia rozmów do rzeczywistości wirtualnej. Wprowadzenie interfejsu WebAssembly umożliwia programistom korzystanie z innych ekosystemów, takich jak C, C++ i Rust, oraz udostępnianie w internecie dziesiątek funkcji, które wcześniej były dostępne tylko na poszczególnych platformach. Świetnym przykładem programistów, którzy wykorzystują nowe możliwości internetu, jest Squoosh.app – internetowy kompresor obrazów.
Chociaż niektóre funkcje wciąż są niedostępne w internecie, nowe i przyszłe interfejsy API stale poszerzają zakres funkcji dostępnych w internecie dzięki takim funkcjom jak dostęp do systemu plików, sterowanie multimediami, plakietki aplikacji i pełna obsługa schowka. Wszystkie te funkcje są tworzone z wykorzystaniem bezpiecznego, ukierunkowanego na użytkownika modelu uprawnień w internecie, który zapewnia użytkownikowi bezpieczeństwo i sprawia, że korzystanie z nowych stron internetowych jest łatwiejsze.
Niezawodność
Niezawodna progresywna aplikacja internetowa to szybkie i niezawodne działanie niezależnie od sieci. Użytkownicy zasługują na aplikacje, które szybko reagują na działania i na których mogą polegać.
Szybkość ma decydujące znaczenie, jeśli chcesz, aby użytkownicy korzystali z Twoich usług. W efekcie czas wczytywania strony wydłuża się z jednej sekundy do 10 sekund, więc prawdopodobieństwo odrzucenia strony przez użytkownika zwiększa się o 123%.
Problemy z wydajnością mają wpływ na wrażenia użytkownika, a nie tylko na zdarzenie onload. Użytkownicy nie muszą się już zastanawiać, czy zarejestrowano interakcję z aplikacją. Przewijanie i animacja muszą być płynne. Użytkownicy muszą postrzegać Twoją aplikację tak samo dobrze, jak jest im potrzebne, żeby dobrze działała.
Takie aplikacje muszą też być przydatne niezależnie od połączenia sieciowego. Użytkownicy oczekują, że aplikacje będą szybko się ładować w przypadku powolnych lub niestabilnych połączeń sieciowych, a nawet offline. Oczekują, że najnowsze treści, z którymi weszli oni w interakcję (np. utwory multimedialne, bilety i plany podróży), będą dostępne i przydatne nawet wtedy, gdy aplikacja ma problemy z wysyłaniem żądań na serwer. Gdy żądanie nie jest możliwe, oczekuje od aplikacji informacji o problemie, a nie cichego niepowodzenia lub awarii.
Możliwa do zainstalowania
Gdy ustawisz aplikację PWA z możliwością zainstalowania, zostanie ona przeniesiona z przeglądarki do osobnego okna, co zmieni sposób, w jaki użytkownicy ją postrzegają i wchodzą z nią w interakcję. Zainstalowane aplikacje PWA można uruchamiać z ekranu głównego, Docka, paska zadań lub półki. Można je wyszukiwać na urządzeniu i przełączać się między nimi za pomocą przełącznika aplikacji, dzięki czemu czuje się jak część urządzenia, na którym jest zainstalowana.
Instalacja aplikacji PWA udostępnia też nowe funkcje, w tym skróty klawiszowe, które są zwykle rezerwowane w przeglądarce. Progresywne aplikacje internetowe mogą też być rejestrowane jako akceptowane treści z innych aplikacji lub używane jako domyślne aplikacje do obsługi określonych typów plików.
Wyniki PWA
Wprowadzenie aplikacji PWA nie tylko poprawia wrażenia użytkowników. Poprawia także wskaźniki i zwiększa wartość Twojej usługi. Oto kilka ważnych przykładów:
- PWA dla Twittera przyniosło wzrost liczby stron na sesję o 65%, wzrost liczby tweetów o 75% i spadek współczynnika odrzuceń o 20% przy jednoczesnym zmniejszeniu rozmiaru aplikacji o ponad 97%.
- Po przejściu na PWA firma Nikkei odnotowała 2,3 raza więcej ruchu bezpłatnego, o 58% więcej subskrypcji i o 49% więcej aktywnych użytkowników dziennie.
- Hulu zastąpiła witrynę na komputery progresywną aplikacją PWA i odnotowała wzrost liczby powtórnych wizyt o 27%.
Więcej informacji o zaletach korzystania z PWA znajdziesz w artykule Jak progresywne aplikacje internetowe mogą pomóc w osiągnięciu sukcesu.