Co to jest PWA czyli Progressive Web Application?

PWA czyli Progresywne Aplikacje Webowe są to aplikacje internetowe, które działają za pośrednictwem przeglądarki internetowej, ale swoim interfejsem przypominają dedykowane aplikacje mobilne.

Przy tworzeniu progresywnych aplikacji webowych korzysta się z tych samych technologii i narzędzi programistycznych co przy tworzeniu tradycyjnych stron internetowych są to m.in (HTML, CSS, JavaScript). Dzięki temu aplikacje są indeksowane, widoczne dla wyszukiwarek internetowych i dostępne za pośrednictwem adresów URL, ale dają dodatkowe możliwości takie jak praca w trybie offline, mogą wysyłać powiadomienia push i są dostępne z pulpitu smartfona.

Aby przygotować progresywną aplikację webową, musi ona spełniać kilka założeń, które są wymagane, a pomoże przy tym wtyczka Lighthouse (https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk) do przeglądarki Chrome.

  • Responsywna – działać na wszystkich przeglądarkach i wszystkich rozdzielczościach ekranu
  • Protokół HTTPS – obsługiwać bezpieczne połączenie
  • Manifest – jest to plik w formacie JSON, dzięki któremu opisujemy naszą aplikację, zamieszczamy jej nazwę, ikonę czy adres początkowy
  • Service Worker – jest to skrypt, dzięki któremu aplikacja może działać w trybie offline, ponieważ zapisuje on w pamięci cache wysłane zapytania i wyświetla nawet jak nie mamy dostępu do Internetu lub sieci w smartfonie. Dodatkowo skrypt odpowiada za wyświetlanie powiadomień PUSH.

Zobacz także: Jak w kilku krokach przygotować PWA

Czym charakteryzuje się Progressive Web Apps?
  • Praca w trybie offline i online – zaletą tych aplikacji jest to, że nawet jeśli nie mamy dostępu do Internetu to aplikacja wyświetli ostatnią wczytaną zawartość strony;
  • Powiadomienia PUSH – w aplikacjach progresywnych możemy wysyłać powiadomienia PUSH do użytkowników;
  • Automatyczne aktualizacje – dzięki temu że aplikacja progresywna działa na tej samej zasadzie co tradycyjne strony internetowe, to wprowadzając zmiany w kodzie, aplikacja od razu jest zaktualizowana i użytkownik nie musi ściągać aktualizacji z Google Play lub App Store;
  • Cena – PWA są tańsze niż aplikację natywne, ponieważ wyświetlane są przez przeglądarki internetowe, czyli działają na tej samej zasadzie co strony internetowe. Dzięki temu jedna aplikacja obsługuję od razu wszystkie platformy. Raz zaprogramowany front-end będzie wyświetlany na urządzeniach Android, iOS, desktop;
  • Google Friendly – przygotowanie PWA łączy się z dobrą optymalizacją strony i standardami, które musi spełnić aby aplikacja działała i została zweryfikowana. Dlatego też strony dobrze zoptymalizowane dla mobile są lepiej pozycjonowane przez Google niż tradycyjne witryny. Dodatkowo spełnia założenie mobile first;
Dlaczego warto stworzyć aplikację PWA?

PWA łączą ze sobą tradycyjne strony internetowe oraz natywne aplikacje mobilne. Dzięki temu możemy uatrakcyjnić aplikację webową, zyskać na wydajności oraz czasie.

Na PWA postawiły takie firmy jak Uber, Tinder czy OLX. Jak wskazują statystyki w każdym przypadku została zwiększona aktywność lub konwersja, a główną zaletą była mała waga i szybkość działania aplikacji.

czytaj więcej

zobacz najnowsze artykuły