{"id":877,"date":"2020-05-14T12:11:43","date_gmt":"2020-05-14T11:11:43","guid":{"rendered":"https:\/\/sokvist.com\/?p=877"},"modified":"2020-07-02T17:17:12","modified_gmt":"2020-07-02T16:17:12","slug":"progressive-web-apps-pwa","status":"publish","type":"post","link":"https:\/\/sokvist.com\/ca\/aplicacions-web-progressives-pwa\/","title":{"rendered":"Aplicacions Web Progressives (PWA)"},"content":{"rendered":"<p><\/p>\n<h2>Qu\u00e8 s\u00f3n<\/h2>\n<p>Les <strong>PWA<\/strong> (<em>Progressive Web Apps<\/em>, aplicacions web progressives) s\u00f3n llocs web pensats per a ser utilitzats des d\u2019un navegador, amb un aspecte i funcionalitats similars a les d\u2019una aplicaci\u00f3 nativa.<\/p>\n<p>Les <strong>aplicacions natives<\/strong> estan pensades per a ser usades amb un sistema operatiu per a m\u00f2bil concret (com ara Android o iOS). S\u2019han de descarregar i instal\u00b7lar des del servei d\u2019App Store d\u2019Apple o Andoid.<\/p>\n<h2>Avantatges de les PWA<\/h2>\n<p><strong>Instal\u00b7laci\u00f3 r\u00e0pida<\/strong>. Com que s\u2019hi accedeix des del navegador, no cal anar a l\u2019App Store per descarregar-la i instal\u00b7lar-la. Tot i aix\u00ed, si volem, es pot agregar a la pantalla d\u2019inici perqu\u00e8 tingui un comportament similar a d\u2019una aplicaci\u00f3 nativa.<\/p>\n<p><strong>Requereix menys capacitat i ample de banda<\/strong>. La mida d\u2019una PWA sol ser molt inferior al d\u2019una app nativa, sent aix\u00f2 un gran avantatge quan tenim poca capacitat al nostre m\u00f2bil o una mala connexi\u00f3 a internet.<\/p>\n<p><strong>Costos de desenvolupament baixos<\/strong>. Tant el temps com el cost de desenvolupar una PWA son molt inferiors al d\u2019una app nativa.<\/p>\n<p><strong>Seguretat<\/strong>. Una PWA funciona amb els protocols HTTPS, que proporcionen m\u00e9s seguretat a l\u2019hora de transmetre dades.<\/p>\n<p><strong>Bon SEO<\/strong>. Com que s\u2019utilitzen des del navegador, ajuden a millorar el SEO del teu negoci.<\/p>\n<p><strong>Utilitzaci\u00f3 <em>offline<\/em><\/strong>. La tecnologia que s\u2019utilitza en les PWA permet aprofitar la cach\u00e9 del navegador per ser utilitzada sense connexi\u00f3.<\/p>\n<h2>Desavantatges de les PWA<\/h2>\n<p><strong>Compatibilitat amb iOS<\/strong>. Hi ha algunes limitacions al usar PWAs en iPhones i iPads amb versions no actuals dels sistema operatiu. De tota manera des de la versi\u00f3 iOS 12.2 s\u2019ha millorat molt aquest aspecte.<\/p>\n<p><strong>Problemes amb m\u00f2bils antics<\/strong>. Els usuaris amb m\u00f2bils antics o amb navegadors no actualitzats no podran usar la nostra PWA.<\/p>\n<p><strong>Consum de bateria<\/strong>. Com que funciona des del navegador, utilitza m\u00e9s energia que una app nativa.<\/p>\n<h2>Exemples de PWA<\/h2>\n<p><strong>Twitter<\/strong>. L\u2019objectiu de Twitter era proporcionar una experi\u00e8ncia d\u2019usuari en m\u00f2bil el m\u00e9s r\u00e0pid, fiable i atractiva possible. Per aix\u00f2 van decidir actualitzar la serva aplicaci\u00f3 web a una PWA. Detalls de les millores que van aconseguir <a href=\"https:\/\/developers.google.com\/web\/showcase\/2017\/twitter\">aqu\u00ed<\/a> (en angl\u00e8s).<\/p>\n<p><strong>Trivago<\/strong>. Com que la majoria d\u2019usuaris de Trivago accedeixen al seu web a trav\u00e9s de m\u00f2bil, tenien clar que havien de dissenyar una PWA per millorar l\u2019experi\u00e8ncia d\u2019usuari. Podeu veure el resultat de les millores que van obtenir <a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/en-gb\/consumer-insights\/trivago-embrace-progressive-web-apps-as-the-future-of-mobile\/\">aqu\u00ed<\/a> (en angl\u00e8s).<\/p>\n<p><strong>Tinder<\/strong>. Van ser uns del pioners a adoptar la tecnologia PWA. Havien observat que els temps de connexi\u00f3 a la seva web eren superiors que a la app, per aix\u00f2 van decidir centrar-se en millorar el rendiment de la web i convertir-la en PWA. Detalls de les millores que han aconseguit <a href=\"https:\/\/medium.com\/@addyosmani\/a-tinder-progressive-web-app-performance-case-study-78919d98ece0\">aqu\u00ed<\/a> (en angl\u00e8s).<\/p>\n<p><strong>Instagram<\/strong>. Tamb\u00e9 van ser de les primeres empreses a apuntar-se a la tecnologia PWA. Encara estan treballant per arreglar alguns problemes de navegaci\u00f3 i de compatibilitat amb Windows Mobile, per\u00f2 les millores en velocitat s\u00f3n notables.<\/p>\n<p><strong>Starbucks<\/strong>. La principal ra\u00f3 per la qual Starbucks ha desenvolupat la seva PWA \u00e9s per poder arribar millor a pa\u00efsos o mercats on les connexions a internet no son prou bones, com pa\u00efsos emergents o comunitats rurals.<\/p>\n<h2>Conclusions<\/h2>\n<p>Tant les PWAs com les apps natives tenen els seus avantatges i els seus inconvenients. Si parlem de satisfacci\u00f3 del client, les PWAs s\u00f3n la millor opci\u00f3. No requereixen cap proc\u00e9s complicat i llarg per a la instal\u00b7laci\u00f3. Els usuaris hi poden accedir f\u00e0cilment des del navegador del seu m\u00f2bil. S\u2019hi pot operar sense connexi\u00f3 a internet. En negocis amb un pressupost limitat on no podem desenvolupar una web, una app per a Android i una altre per a iOS, una PWA \u00e9s tamb\u00e9 la millor opci\u00f3.<\/p>","protected":false},"excerpt":{"rendered":"Les PWA (Progressive Web Apps, aplicacions web progressives) s\u00f3n llocs web pensats per a ser utilitzats des d\u2019un navegador, amb un aspecte i funcionalitats similars a les d\u2019una aplicaci\u00f3 nativa.","protected":false},"author":1,"featured_media":878,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,5],"tags":[],"class_list":["post-877","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","category-marketing-basic"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/posts\/877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/comments?post=877"}],"version-history":[{"count":3,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/posts\/877\/revisions"}],"predecessor-version":[{"id":881,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/posts\/877\/revisions\/881"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/media\/878"}],"wp:attachment":[{"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/media?parent=877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/categories?post=877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/tags?post=877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}