Czym są aplikacje typu PWA (Progressive Web App)?

Dosyć sporym problemem użytkowników sieci jest brak dostępu do internetu.

Czy to z powodu wyczerpania pakietu internetowego, czy chwilowej awarii. Sytuacja ta powoduje, że nie mamy dostępu do naszej poczty czy możliwości sprawdzenia czegoś na stronie stronie internetowej. W dzisiejszych czasach dla wielu ludzi to mało komfortowa sytuacja.

Na szczęście (lub nie szczecie) tak nie zawsze musi być. Od pewnego czasu dostępna jest technologia, która umożliwi nam mieć dostęp do zawartości stron internetowych bez bezpośredniego dostępu do Internetu. Oczywiście nie dotyczy to wszystkich stron i wymaga wcześniejszej interakcji z naszej strony. Technologią, o której piszę jest PWA.

Spis treści

Toggle

Czym jest PWA?

PWA (Progressive Web App – tłumaczone jako Progresywne Aplikacje Webowe) to aplikacje internetowe korzystające z przeglądarki internetowej. Sowim działaniem przypominają jednak bardziej aplikacje mobilne. Ponieważ stronę z wdrożoną technologią PWA można zapisać na urządzeni i korzystać z niej analogicznie jak z aplikacji.

pwa aplikacje

O PWA mówi się od roku 2015 jednak dopiero od kilku lat technologia ta zyskuje na popularności. Z pewnością duży wpływ na to miała popularyzacja urządzeń mobilnych i rosnące zapotrzebowanie by mieć dostęp do niektórych treści również trybie offline. Dzięki czemu można mieć do nich dostęp niezależnie od sytuacji w jakiej aktualnie się znajdujemy.

Jakie są cechy stron / aplikacji progresywnych?

Strony internetowe przekształcone na aplikacje progresywne oparte są o: HTML, CSS i JS + wzbogacone o dodatkowe atrybuty. W praktyce więc w dużym stopniu przypominają typowe witryny internetowe. Nie mniej jednak istnieją między nimi również różnice. Jakie są więc cechy ich cechy:

RWD (responsywność) – strona powinna dostosowywać się do rozmiaru ekranu
praca w trybie offline – strona powinna działać bez dostępu do internetu
aktualność – podczas dostępu do internetu powinna się sama aktualizować
bezpieczeństwo – powinna być zabezpieczona protokołem TLS
reaktywność – strona powinna szybko i sprawnie reagować na działania użytkownika takie jak klikanie w przycisk czy przejście pomiędzy stronami
szybkość działania – powinna ładować się szybko bez względu na ograniczania związane z internetem
unikalność adresów podstron
powinna posiadać plik manifest.json – informujący przeglądarkę o tym jak powinna zachować się strona, umożliwia on także instalacje strony w formie aplikacji
działanie w wielu środowiskach na różnych przeglądarkach

Jakie są zalety i wady PWA?

Jak każda technologia PWA ma zarówno zalety jak i wady.

Zalety

Wśród zalet na pewno warto wymienić to, że strony tego typu:

działają w trybie offline
tworzymy tylko jedną aplikacje, która praktycznie działa na wszystkich użądzeniach
w chrom można zainstalować stronę z poziomu przeglądarki

Wady

Wśród wad tej technologii warto wymienić

problemy z urządzeniami z styrenem starszym do iOS 11.3
aplikacje są mniej wydajne niż mobilne

Czym różni się aplikacja progresywna od natywnej aplikacji mobilnej?

Jeśli chodzi o kwestię istotnych różnic między tymi dwoma typami to warto tu wymienić np.:

	Aplikacja progresywna	Aplikacja Natywna
Szybka instalacja	TAK	NIE
Automatyczne aktualizacje	TAK	NIE
Konieczność pobrania by móc z niej korzystać	NIE	TAK
Możliwość podlinkowania podstron	TAK	NIE
Działają na wszystkich nowych urządzeniach	TAK	NIE

tabele różnic między aplikacjami progresywnymi a natywnymi

Aplikacje te mimo sowich różnic mają też ze sobą wiele wspólnych cech jak choć by to, że obie są responsywne. Mogą też rozpoznawać lokalizację użytkownika czy działać w trybie offline.

Strony korzystające z PWA

Zastanawiacie się z pewnością teraz jakie strony internetowe zdecydowały się na wdrożenie tej technologii:

Podsumowanie

Jak widać PWA to ciekawa opcja dla stron internetowych. Z pewnością nie jest ona dla każdego rodzaju strony (np. szczególnie dla takich, które aktualizuje się kilka razy dziennie). Dodatkowo warto tu wspomnieć, że nawet jeśli strona jest PWA to nie każdy zdecyduje się ją sobie zainstalować.