Přeskočit na obsah
@365tipu
  • Domů
    • Práce na dálku
    • Twitter for dummies
    • Jak na Mastodon
    • Facebook a marketing
    • Návod pro Instagram
    • Jak na LinkedIn
    • Bezpečný Internet
    • Bezpečnost pro novináře
    • Soukromí na Facebooku
    • Pomocník webdesignera
    • Jak na WordPress
    • Nepostradatelné software
      • Jak na Windows 11
      • Jak na Windows 10
      • Jak na iPhone/iPad
      • Jak na Mac OS
      • Jak na Apple TV/TV+
      • Jak na Apple Watch
      • Jak na Apple AirTag
      • Microsoft Office
      • Linux
    • Jazykový koutek
    • GTD
    • Filmy a TV seriály
    • Recenze
    • Chytrá domácnost
      • Chytrá domácnost
      • Jak na Google Home
      • Amazon Echo a Alexa
      • Apple HomePod
      • Jak na Raspberry Pi
      • Jak na QNAP NAS
      • Netatmo
    • Jak na Home Assistant
  • Všechny štítky
  • Odběr e-mailem
  • RSS/XML
  • Kontakt
    • Kontakt
    • Twitter
    • Facebook
    • BlueSky
    • Mastodon
      • Threads
    • Zásady Cookies (EU)
9. 5. 2023 podle 365tipů
AIcoop, Mobilní aplikace, Software, Webdesign

TIP#2415: Co je to PWA (Progressive Web App, progresivní webová aplikace)?

PWA je zkratka pro „Progressive Web App„. Jedná se o webové aplikace, které se snaží poskytnout uživatelům podobnou uživatelskou zkušenost jako nativní aplikace, tedy aplikace stahované a nainstalované na zařízení. 

PWA využívají moderní webové technologie, jako je například Service Workers, které umožňují offline přístup k aplikaci a zlepšují rychlost načítání stránek. PWA také umožňují přidávání ikony na domovskou obrazovku zařízení, což vytváří dojem nativní aplikace. 

Hlavní výhodou PWA je to, že nemusí být nainstalovány z obchodu s aplikacemi a jsou tedy snadno dostupné a rychleji použitelné pro uživatele.

Uživatel PWA vlastně ani nemusí poznat – spustí ji klasickou ikonkou, ať už na počítači nebo mobilním zařízení. A jakkoliv PWA reálně běží “v prohlížeči”, není to poznat – okno/aplikace vypadá jako přirozená, žádné prohlížečové ovládací prvky přítomny nejsou.

PWA lze použít v Google Chrome, Mozilla Firefox, Apple Safari, Microsoft Edge, Brave či Opeře. Velmi pravděpodobně i v dalších prohlížečích. 

TIP: Instagram funguje jako PWA, takže pokud chcete slušný Instagram na iPadu, tak právě přes PWA jde o rozumné řešení. 

Nevýhody PWA

  1. Podpora pro starší prohlížeče, kde  některé starší verze prohlížečů nemusí podporovat všechny funkce, které jsou potřebné pro běh PWA, pokud ale máte aktuální zařízení, nebude se vás to týkat
  2. Omezená funkcionalita plynoucí z běhu v prohlížeči – i když jsou PWA schopné poskytnout mnoho funkcí nativních aplikací, některé funkce jako například přístup k některým částem zařízení (např. fotoaparátu), mohou být omezeny.
  3. Méně uživatelů než nativní aplikace – i když se počet uživatelů PWA zvyšuje, stále jsou méně používané než nativní aplikace a může tomu odpovídat i menší zájem a pozornost tvůrců na vývoji a vylepšování
  4. Závislost na internetovém připojení – ačkoli PWA umožňují offline přístup k aplikaci, některé funkce mohou vyžadovat internetové připojení, což může být problém pro uživatele s omezeným připojením. Problém můžete být na pomalém připojení. 
  5. Bezpečnost – kvůli bezpečnostním problémům mohou některé prohlížeče bránit některým funkcím PWA, jako například přístupu k zařízení.
  6. PWA nikdy nebudou tak “bohatě” vybavené jako klasické aplikace – nečekejte animace, pokročilé ovládání a řadu dalších vychytávek. Používáte web zapouzdřený v “neviditelném” prohlížeči

Výhody PWA

  1. Rychlost, zpravidla umožňují rychlé načítání a nabízejí i rychlou  odezvu aplikace. Díky tomu jsou PWA rychlejší než tradiční webové aplikace.
  2. PWA umožňují offline přístup k aplikaci a umožňují uživatelům používat aplikaci i bez připojení k internetu. Pochopitelně bude záviset na druhu apliakce
  3. PWA nemusí být instalovány z obchodu s aplikacemi a jsou tedy snadno dostupné pro uživatele. Přidání ikony na domovskou obrazovku zařízení je snadné a poskytuje uživateli dojem nativní aplikace. Vynechání App Store či Google Play navíc zajistí odstranění závislosti na Apple/Google danou aplikaci schválit/nechat žít.
  4. PWA jsou aktualizovány automaticky bez nutnosti stahování a instalace aktualizací z obchodu s aplikacemi, což je dáno tím, že běží “z Internetu”
  5. PWA jsou navrženy tak, aby běžely na různých platformách, jako jsou mobilní zařízení, počítače nebo tablety a protože běží “v prohlížeč” bude tatáž aplikace zpravidla fungovat na libovolné platformě.
  6. Vývoj PWA je obvykle levnější než vývoj nativních aplikací, protože nemusí být vyvíjeny pro každou platformu zvlášť.

TIP: Pixelfed – pixelfed.social – je příklad PWA z fediverse sféry. Nutno dodat, že tvůrci ale pracují na klasické aplikaci

Kde zjistím jaké PWA jsou dostupné?

Appscope – adresář progresivních webových aplikací, který představuje nejlepší příklady PWA. Všechny uvedené aplikace běží výhradně ve webovém prohlížeči a spouštějí se okamžitě bez stahování aplikací.

PWA Rocks – Tento web obsahuje seznam PWA aplikací v různých kategoriích, jako jsou hry, novinky, nástroje a další.

findPWA – Adresář progresivních webových aplikací

Google Play běžně nabízí PWA, často mají “PWA” v názvu či popisu. Dáno je to i tím, že pro Chrome/Chrome OS Google dlouhodobě PWA podporuje. V minulosti byla k dispozici samostatná PWA kategorie, ale už není.

App Store PWA nepodporuje a neumožňuje, Apple se pochopitelně k PWA staví poměrně odmítavě, protože narušují monopol a kompletní kontrolu. 

Microsoft Store nijak PWA neřeší.

Související příspěvky

TIP#2748: Tailscale: VPN přístup na Raspberry či jiný stroj za NATem i navzájem mezi čímkoliv, kdekoliv
TIP#2399: Proč se u Bluetooth či Wi-Fi ukazují divné číslice a věci? Jsou to očkovaní lidé? A jak zkoumat zařízení okolo vás?
TIP#3233: Jak se připojit k souborům sdíleným na Macu přes síť

Android iOS iPadOS Linux MAC OS Mobilní aplikace Prohlížeč Software Webdesign Windows

Předchozí článekTIP#2414: Co se změnilo v správci úloh (Task Manager) ve Windows 11? A co umí?Další článek TIP#2416: Jak na reverzní hledání videa? Jak najdu odkud pochází video?

Nejnovější příspěvky

  • TIP#3253: Co je to latence a proč to hraje roli (nejen) při hraní her
  • TIP3252: Chladit notebooky podložkou? Co byste měli vědět
  • TIP#3251: Kouzelná meteostanice ATMOS řeší problém, o kterém ani nevíte
  • TIP#3250: Jak zabránit tomu, aby se Mac po restartu znovu otevřel se všemi aplikacemi z poslední relace
  • TIP#3249: Zálohovat počítači či NAS? Rozhodně ano. Ale kam a jak? Včetně velkého přehledu cloudových služeb

Nejčtenější

Přispět na provoz můžete

Přispějte. 500 Kč můžete změnit dle vlastního uvážení. Z částky zaplatíme DPH a pochopitelně daně platbou na účet 331049001/5500, spec. symbol 365. Částku si můžete změnit. Z platby odvádíme DPH a daníme ji.

Zdejší tipy na zajímavé/užitečné věci obsahují affialiate odkazy na Alzu/Aliexpres

... nebo placeným odběrem

Staňte se platícím odběratelem newsletteru. 5 USD/měsíc, 50 USD/rok nebo dle vlastního uvážení od 100 USD/rok. Každou středu a neděli nálož informací.

Kontakt a tak

Kontakt: 365tipu@gmail.com

Veškerý obsah zde uveřejněný je CC-BY-NC-SA