PWA - iz web stranice u mobilnu aplikaciju

Naziv PWA dolazi iz engleskih riječi "Progressive Web App", što zaista i jest - progresivna tj. napredna, razvijajuća web aplikacija. Riječ je o suvremenoj metodi izvlačenja najboljeg iz web stranica i pretvorbe u mobilnu aplikaciju. Stoga bismo ih mogli nazvati hibridom web stranice i mobilne aplikacije.

Najveće prednosti PWA

• Napredno (progressive): korisniku ne treba čak niti internetska veza da bi pristupio vašim web stranicama!
• Prilagodljivo (responsive): savršen prikaz na svim veličinama ekrana i rezolucijama. Od mobitela do velikih stolnih monitora!
• Brzina: zahvaljujući memoriji (cache), PWA se učitava nevjerojatnim brzinama!
• Ušteda serverskog prometa: Upravo zbog spomenutog memoriranja, PWA znatno štedi promet kojeg vaše web stranice ostvaruju prilikom svakog pregleda istih od strane vaših posjetitelja. Poznat vam je onaj natpis "bandwidth limit exceeded error"? Zaboravite na njega jer PWA je u stanju s 10Mb spustiti potrebu na svega 50 kB!
• Sigurnost: PWA zahtijeva sigurnosni HTTPS protokol
• Pronalaženje na tražilicama: Tražilice poput Googlea i Binga s lakoćom pronalaze vaš PWA i smještaju vas iznad klasičnih web stranica
• Neovisna instalacija (Installable): mogu se instalirati direktno, bez potrebe za odlaskom na platforme poput Trg Playa
• Povezanost (linkable): vaš PWA može biti povezan s ostalim PWA-ima ili web stranicama. Bez potrebe za dodatnom instalacijom od strane posjetitelja.
• Cool ikona na početnom zaslonu koja posjetitelju pruža praktičnost i brzinu pri odlasku na vaš PWA
• Cool QR kod: Izradit ćemo vam i QR kod koji će svakoga tko ga skenira svojim mobitelom, odvesti direktno na vaš PWA!
• GDPR usuglašenost: PWA dolazi s GDPR izjavom o kolačićima

Kako korisnik preuzima PWA?

PWA se ponaša poput mobilnih aplikacija - možete ih preuzeti direktno s web stranice ili putem npr. Google Play trgovine.

I u prvom slučaju korisniku je izuzetno jednostavno preuzimanje vašeg PWA. Samo klikne na potvrdu da želi preuzimanje i to je to - PWA je instaliran! Može izgledati poput standardne verzije web stranice i imati skrivene kontrole preglednika te izgledati poput neovisne aplikacije pa čak i slati obavijesti (push notifications) dok korisnik i nije na vašim stranicama te postaviti svoju ikonicu na početni ekran.

Mobitel vs. stolno računalo

Već mnogo vremena posjet internetsku putem mobilnih uređaja uvelike prednjači nad onim putem stolnih računala i laptopa. Sve manje posjetitelja koristi potonje uređaje. Razmislite samo: vani, na klupama, na postajama javnog prijevoza, u ambulantama,... ima li osobe koja "ne surfa"? Stoga, ako želite optimalno korisničko iskustvo i jednostavnost, svakako se treba orijentirati na razvoj web stranica prilagođenih mobitelima.

Prednosti PWA nad web stranicama

Brzina!

Znate li da više od 40 % posjetitelja web stranica napušta onu kojoj treba više od tri sekunde da bi se učitala? Treba li vam uopće više prednosti? Pa ipak, ima ih još!

Service Worker

Jedna od glavnih stvari kod PWA je tzv. Service Worker - skripta koja radi u pozadini i zaslužna je (i) za munjevit prikaz vaših stranica koje drži pohranjuje u svojoj memoriji "cacheu". A to znači da će se vaše web stranice učitati odmah, čak i na izuzetno lošim internetskim vezama i uopće izvan internetske mreže!!!

Push notifications - slanje obavijesti

Service Worker skripta je zaslužna i za mnoge druge funkcionalnosti, poput slanja obavijesti (push notifications) čak i dok korisnik nije na vašim web stranicama. Možete im slati razne obavijesti, npr. o novoj robi u vašoj ponudi, obavijest o isporuci kupljene robe, obavijesti o novim događajima, čestitati rođendan i tako ih podsjetiti na vaše web stranice,...

Te obavijesti pojavljuju se poput ostalih obavijesti na vašim mobitelima ili ekranima koje ste zasigurno već viđali.

Prilagodljivost prikaza - responsive

PWA se prilagođavaju svim veličinama zaslona i njihovim orijentacijama. Bez obzira pregledavaju li se na najvećim ekranima ili mobitelima - korisničko iskustvo je optimalno!

Praktičnost

Dokazano je da se PWA znatno više posjećuju od ostalih web stranica. Velika je uloga u toj činjenici ikona na početnoj stranici ekrana - praktičnost njene uporabe, brzina dostupnosti tražene web stranice te onaj psihološki faktor, uvijek je tu da "podsjeti" na postojanje vaše aplikacije.

Sigurnost

Sve PWA aplikacije moraju biti pružane putem HTTPS protokola koji pruža maksimalnu sigurnost posjetitelju i čuvanju njegovih podataka od trećih (neovlaštenih) strana.

Cijena

Cijena izrade neke mobilne aplikacije je znatno viša od cijene izrade PWA. S druge strane, cijena PWA stranice jest doduše više no cijena klasične web stranice - no cijena neulaganja u PWA znatno je viša!

Najčešća pitanja oko PWA

• Trebam li ja PWA? Naravno! Google voli PWA, vaši posjetitelji vole PWA! Brzina očitavanja, dostupnost čak i dok niste na internetskoj vezi, praktičnost pristupanja, dobra pozicioniranost na tražilicama,... Osim toga, uvijek i u svakom trenu možete obavještavati svoje korisnike o novim uslugama, proizvodima, tekstovima, isporuci... - bez obzira na to čime se bavite
• Mogu li se moje web stranice pretvoriti u PWA? Apsolutno! Svaka web stranica, i one izrađene na platformama poput WordPressa, mogu se pretvoriti u PWA
• Koji je moj sljedeći korak? Pošaljite upit koji vas ne obavezuje ni na što niti donosi ikakve troškove prema vama! Napišite adresu svojih web stranica te naznačite da ste zainteresirani za izradu PWA aplikacije. Pregledat ćemo sadašnje web stranice i donijeti vam plan, trošak i detalje oko izrade
• Mogu li samo dio svojih web stranica pretvoriti u PWA? Da! To može biti neki interaktivni dio vaše web stranice, samo web shop, kalendar tj. obavijesti o događanjima, dostupnim terminima iznajmljivanja ili sl.
• Kada dogradim svoje web stranice ili unesem novi sadržaj, donosi li to sa sobom dodatni trošak za dogradnji PWA? Ne! Svaka promjena na web stranicama pokrenut će automatsku dogradnji vašeg PWA. Samo pazite da ne dirate na novom sadržaju maleni dio koda koji se odnosi na PWA. Ako se radi o npr. nekom CMS sustavu za unos (novih) tekstova, dio koda će već biti povučen i na novi sadržaj