pwa strony aplikacje progresywne

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

Czas czytania: 3 minut

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.

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 źródło: https://en.wikipedia.org/wiki/Progressive_web_application
źródło: https://en.wikipedia.org/wiki/Progressive_web_application

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 progresywnaAplikacja Natywna
Szybka instalacjaTAKNIE
Automatyczne aktualizacjeTAKNIE
Konieczność pobrania by móc z niej korzystaćNIETAK
Możliwość podlinkowania podstronTAKNIE
Działają na wszystkich nowych urządzeniachTAKNIE
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ć.

Źródła