Què és una PWA
Les PWA o aplicacions web progressives són un tipus de web que imita una APP i comparteix molts dels seus avantatges.
- Una PWA es pot instal·lar al mòbil.
- Com qualsevol altra app, es pot crear una icona d’accés al mòbil i queda llistada a la secció d’Apps. Evidentment es pot desinstal·lar.
- Pot funcionar sense connexió a Internet
- Utilitza un navegador preparat per a mòbils
- La navegació és més fluida i ràpida que una web, igual que les APPs.
Passos per al desenvolupament d’una Web App PWA
- Desenvolupar una web de manera convencional, per exemple a WordPress
- Fer la versió responsive de la web perquè s’adapti als diferents amplades de pantalla dels dispositius.
- Creació del manifest, on es configura la icona d’inici i es decideix l’orientació d’ús de la Web App (per exemple horitzontal o només vertical), etc.
- Service Worker: és la part complexa on s’estableix com es farà el cache de la web i com s’executarà al navegador del mòbil en segon pla. S’utilitzen JavaScripts per assegurar una experiència fluida.
Té sentit que la meva web tingui versió PWA?
Té sentit sempre que estiguis en un sector competitiu i que el teu públic objectiu consideri l’experiència d’usuari com un valor afegit diferencial.
Competir a Internet és una cursa de fons on guanya el més ràpid, no el que més resistència té. Si el teu lloc està en un sector competitiu, any rere any els teus competidors llançaran webs amb evolutius. La PWA és una revolució tecnològica que cal adoptar per estar a les primeres posicions i mantenir-se competitiu. La velocitat de càrrega i navegació de la web és un factor molt important per als buscadors i, juntament amb el disseny, marca l’experiència d’usuari.
Aquest post està escrit a mitjans de 2019. Hi havia pocs experts en PWA i no era gaire conegut. En aquell moment, els clients decidien gastar, per exemple, 10.000 € en una web i 40.000 € en apps (iOS i Android), cosa que implicava coordinar tres equips diferents: web, app iOS, app Android, amb els seus manteniments i evolutius corresponents, possiblement amb diferents interlocutors. En aquests casos, disposar d’una solució 2 en 1 amb una PWA implicava una inversió molt menor.
Actualment, fins i tot sense una PWA, es poden aconseguir funcionalitats que abans només oferien les apps, com geolocalització o accés a la càmera del mòbil per pujar fotos a un post.
Web App PWA vs Apps mòbils
Hi ha coses en què les PWA no poden competir amb les apps mòbils, com l’accés als sensors de maquinari (acceleròmetres, giroscopis, etc.). Tot i que la programació web permet jocs i gràfics 3D amb WebGL, encara és aviat per fer jocs online tan dinàmics com les apps convencionals.
Publicar una PWA és un procés ràpid, immediat i sense restriccions. Publicar una app als markets d’Apple o Android requereix un procés burocràtic complex que pot durar més d’una o dues setmanes, durant el qual l’app és revisada i es poden demanar canvis o rebutjar-la si el contingut no és adequat o no aporta més que una web.
Si l’app que tens pensada no necessita accedir a sensors o maquinari del mòbil, o no és un joc molt dinàmic, podries estar malgastant recursos invertint en una app en lloc d’una Web App.
Consells per al desenvolupament d’una PWA o Web App
Aquesta versió cal desenvolupar-la amb molta cura, ja que invertir en una PWA significa hores de treball addicionals.
Partir d’una plantilla preconstruïda mai és una bona idea. Per tenir un rendiment òptim, és millor començar amb una web a mida.
Experts en desenvolupament de PWA i WordPress
A Omitsis tenim experiència en rendiment de WordPress, pàgines AMP i PWAs.