Progresivní webové aplikace
Progresivní webové aplikace (PWA) kombinují to nejlepší z webů a z nativních aplikací pro mobilní platformy. Narozdíl od nativních aplikací jsou PWA dosažitelné přímo pomocí url adresy (např. https://domena.tld) a jejich výhody jsou znatelné už od první návštěvy url v prohlížeči. Ve srovnání s nativní aplikací odpadá hledání a instalace nativní aplikace z app storu/shopu a uživatel si tak postupně buduje vztah s danou webovou aplikací již od samého počátku.
Webová aplikce se, narozdíl od klasického webu, stává od první návštěvy svižnější a užitečnější díky progresivnímu načítání a takzvaným Service Workers. PWA jsou odpovědí na pomalé načítání webů na pc a hlavně na mobilních platformách, kde jsou prodlevy při načítání stránek obtěžující a mnohdy i nervydrásající. PWA se při pomalých připojeních načítá rychleji řádově o jednotky až desítky sekund a po první návštěvě url funguje i v offline režimu. Další výhodou je možnost uložit jejího zástupce na plochu v PC nebo v mobilu/tabletu ve kterém se pak PWA načítá jako top-level aplikace ve full screen zobrazení - bez klasického okna, lišty či jakýchkoliv tlačítek prohlížeče.
Díky zabezpečnému protokolu https, který je u PWA povinností, je schopná interagovat s uživatelem a zasílat mu rychlá sdělení přímo do klasického i mobilního prohlížeče, vyžádat si jeho polohu, nebo přístup ke kameře a mikrofonu.
Web na tabletu / PWA na tabletu
Web na PC / PWA na PC
Pozn.: Můj web je neustále ve vývoji a technologii PWA momentálně využívá z cca 90% - chybí dynamické načítání obsahu, které zajistí, aby byl opravdu app-like a přechod mezi stránkami nebyl znatelný. Jakmile bude integrace 100%, můžete se těšit na články o výhodách zabezpečení (již vyšel zde) a dopadech rychlosti načítání na ergonomii a vyhledávání = )
Progresivní webová aplikace je
- Progresivní - Funguje ve všech zařízeních a je postavena na základě postupného rozšiřování vztahu uživatel-web
- Responzivní - Designově pasuje do každého okna na desktopu, v mobilu, tabletu, nebo na čemkoliv jiném
- Nezávislá na připojení - Service Workers umožňují, že funguje svižně na nekvalitních připojeních a po první návštěvě dokonce i v offline režimu
- App-like - Díky absenci okna a ovládacích prvků prohlížeče má uživatel pocit, že není na webu, ale v aplikaci
- Vždy aktuální - Aktualizační procesy v Service Workers zajišťují, že je webová aplikace a její obsah aktualizovaný kdykoliv je to možné
- Bezpečná - Webová aplikace musí být vždy servírována přes šifrované HTTPS připojení, díky kterému je znemožněno špehování a podstrkávání obsahu
- Dohledatelná - Webová aplikace je označena pomocí W3C manifestu a Service Workeru, díky kterým je vyhledatelná v běžných webových vyhledávačích
- Interaktivní - Zjednodušuje interakci s uživatelem díky funkcím jako jsou např. notifikace, pomocí kterých lze zasílat sdělení a novinky přímo do zařízení uživatele
- Instalovatelná - Dovoluje uživatelům uložit webovou aplikaci, aniž by se museli obtěžovat s hledáním a instalací aplikace z obchodu
- Sdílitelná - Aplikaci lze přímo sdílet pomocí odkazu stejně jako webovou stránku