Progressive Web Applications (PWA)
PWA - zupełnie nowe możliwości WWW
W połowie 2018 roku ruch generowany w serwisach WWW przez urządzenia mobilne po raz pierwszy był większy niż ten pochodzący z laptopów i komputerów stacjonarnych. Wraz ze zmianą przyzwyczajeń użytkowników zmieniają się również standardy technologii - najnowocześniejsze serwisy buduje się teraz tak, by działały jak natywne aplikacje na telefonie.
W odpowiedzi na rosnące wymagania użytkowników mobilnych powstał standard PWA. Strona zbudowana zgodnie z PWA zachowuje się jak natywna aplikacja mobilna:
- wyświetla powiadomienia,
- działa w trybie offline oraz w tle,
- może wykorzystywać funkcje urządzenia, jak aparat, czy geolokalizacja.
Skraca się też znacznie ścieżka konwersji, bo już nie trzeba przekonywać użytkownika do pobierania aplikacji ze sklepu z aplikacjami - wystarczy potwierdzić dodanie jej do panelu głównego telefonu.
Mobile experience i powiadomienia push
działa jak aplikacja na smartfon
Jedna aplikacja "3 w 1" bez instalowania
Zamiast osobnych Android, iOS, WWW
Szybkość, praca offline i lepsza konwersja
większa dostępność dzięki wygodzie i szybkości działania
Jak zrobić PWA ?
Jeśli chcesz mieć serwis działający błyskawicznie i z możliwościami aplikacji mobilnej, to przeprojektujemy i przebudujemy go według najnowocześniejszych standardów wdrażając pełne PWA & Mobile Experience. Jeśli wolisz skoncentrować się na szybkim odświeżeniu frontu, może wystarczyć PWA tuning.
| Dopasowanie istniejącego interfejsu do PWA | Przebudowa od podstaw - projekotwanie i development | |
|---|---|---|
| Dostosowanie do systemów operacyjnych | Jeden standard dla wszystkich platform | Jeden standard dla wszystkich platform mobilnych i obsługa desktopowego Windows 10 |
| Dostosowanie do urządzeń mobilnych | Wymagane RWD | RWD uwzględniające optymalizację pod mobile |
| Projektowanie UX i optymalizacja designu | Brak | Architektura informacji i interfejsy - rekomendowane podejście "Mobile First" |
| Native-like experience |
|
|
| Działanie w trybie offline | Ekran z niezbędnymi informacjami: awaryjne/kontaktowe, itp. | Dowolne strony i funkcje |
| Powiadomienie push | Tak, również przy wyłączonej przeglądarce | Tak, również przy wyłączonej przeglądarce |
| Optymalizacja wydajnościowa | Tylko cache po stronie przeglądarki | Cache po stronie serwera, cache po stronie przeglądarki, App Shell, Server Side Rendering (SSR), HTTP/2 |
| Integracja z dowolnym backendem | Wykorzystanie istniejących mechanizmów | Dowolne integracje budowane w oparciu o API |
| Usługi w tle |
|
|
| SEO | Maksymalnie zbliżone do benchmarku Google Lighthouse | Checklista Google spełniona w 100% |
Zobacz również
Co zmieniają Progressive Web Applications? Wszystko, co musisz wiedzieć o PWA
Jak ugryźć m-commerce: aplikacja mobilna czy PWA?
Technologia PWA do optymalizacji mobile experience w Leifheit