Progresivní webová aplikace (PWA, Progressive Web Apps) je technologie, která je mezi e-shopy čím dál oblíbenější a žádanější. Jedná se o kompromis mezi běžnými webovými stránkami a mobilní aplikací. V článku vám přiblížíme, jak progresivní webové aplikace fungují, jak se implementují a jaké přínosy mohou mít pro váš byznys.
Co je PWA technologie?
PWA je v podstatě běžná webová aplikace (HTML, CSS a JavaScript) obohacená o funkce, které dodávají zákazníkům e-shopu pocit, že pracují s mobilní aplikací.
Všechny PWA, musí splňovat podmínky stanovené v Google PWA checklistu:
- Zabezpečení – v zájmu bezpečnosti dat se musí otevírat přes rozhraní HTTPS.
- Responzivita – zobrazení stránky musí být optimalizováno pro všechny typy zařízení.
- Nezávislost na připojení – díky technologii service workers umožňuje používat aplikaci offline nebo na špatném internetovém připojení.
- Možnost instalace – díky souboru manifest.json, umožňuje uživatelům přidání stránky na plochu mobilního telefonu.
- Aktuálnost – proces update technologie service workers zajišťuje vždy dostupnost aktuálních dat
- Progresivita – musí fungovat správně bez ohledu na použitý prohlížeč (Chrome, Edge, Firefox i Safari).
- Plynulost – přechod mezi jednotlivými stránkami musí být hladký a rychlý.
Díky Google nástroji Lighthouse lze ověřit, zda aplikace splňuje základní podmínky fungování PWA technologií. Doporučujeme vám tento nástroj zařadit do procesu průběžné integrace (CI – continuous integration). Díky tomu získáte kontrolu nad tím, že jakékoli budoucí změny neporuší podmínky stanovené Google PWA checklistem.
Přínosy PWA pro e-shopy
Více než 60 % celosvětových online obchodů se uskuteční přes mobilní zařízení. Odhaduje se, že v roce 2021 toto číslo vzroste na 73 % (zdroj: Statista). Responzivní design webových stránek a zvláště e-shopů je dnes základ. E-shopy, které se na mobilních zařízeních nezobrazují správně, mají jen malou šanci na trhu uspět. Navíc čím dál více e-shopů umožňuje používání vlastních mobilní aplikací.
Proč je tedy o PWA technologie takový zájem? To je snadné, PWA kombinují to nejlepší z responzivních webů a mobilních aplikací. I přes fakt, že mobilní aplikace jsou velmi populární, majitelé e-shopů zjistili, že ne všichni zákazníci jsou ochotni si mobilní aplikace stahovat a instalovat. Funkce PWA, přidání stránky e-shopu na plochu mobilu, je rychlejší než vyhledávání a instalování aplikace z app storů (Google Play, AppStore).
Klíčovou funkcí mobilních aplikací jsou upozornění např. o slevách v e-shopu. PWA technologie také umožňuje tzv. push notifikace, které zvyšují uživatelský engagement.
Vývoj a udržování e-shopu a mobilní aplikace zároveň je drahá záležitost. V některých případech musí e-shopy platit poplatky za umístění mobilní aplikace v app storech. Díky PWA technologii se mohou firmy soustředit pouze na vývoj webových stránek, čímž značně zredukují náklady za práci programátorů.
PWA technologie pomáhá zvyšovat konverze e-shopů. Jako příklad uveďme Aliexpress, který po po implementaci PWA na svůj e-shop zaznamenal zvýšení konverzí od nových uživatelů o 104 %. Koncept PWA Aliexpressu pomohl zvýšit také počet navštívených stránek během jedné návštěvy a doba trvání návštěvy se průměrně zvýšila o 74 % bez ohledu na typ prohlížeče (zdroj: developers.google.com). Další příklady úspěšných implementací PWA najdete zde.
Jak začít s PWA technologií
Dobrá zpráva je, že PWA technologii je možné implementovat postupně. Základní podmínkou je open-source platforma. Pokud máte vlastníte e-shop krabicového typu, jste závislí na dodavateli, jestli vám implementaci PWA umožní. Abyste mohli využívat přínosů PWA technologie, musíte implementovat minimálně dva základní komponenty: Web App Manifest a Service Worker.
- Web App Manifest je JSON soubor, která dodává informace o stránce, a umožňuje její přidání na plochu mobilního telefonu. Implementace Web App Manifest do existující stránky je relativně snadná a programátorovi zabere maximálně několik hodin.
- Service Worker je JavaScript, který běží jako samostatná služba, a umožňuje aktivity, jako jsou push notifikace, načítání obsahu, který je dostupný offline atd. Implementace Service Worker je složitější a vyžaduje individuální analýzu.
České e-shopy si PWA žádají čím dál více
V zahraniční už jsou progresivní webové aplikace celkem běžnou součástí nejen e-shopů (AliExpress, Airbnb, Alibaba, Tinder). V České republice jich zatím moc neexistuje, ale v brzké době očekáváme PWA boom. Již nyní si všímáme zvýšeného zájmu našich B2B i B2C klientů o progresivní webové aplikace a některým z nich už je dokonce implementujeme.
