Home App Progressive Web Apps: 驴qu茅 son y c贸mo funcionan?

Progressive Web Apps: 驴qu茅 son y c贸mo funcionan?

Progressive Web Apps: 驴qu茅 son y c贸mo funcionan?

En este art铆culo te hablaremos acerca de las progressive web apps (PWA). Para ello, en primer lugar definiremos qu茅 son las aplicaciones web progresivas, y en segundo lugar examinaremos cu谩les son sus beneficios as矛 como sus inconvenientes. Finalmente, te presentaremos un ejemplo exitoso de PWA.

驴Qu茅 son las progressive web apps? 

Cuando hablamos de aplicaciones web progresivas, no nos referimos a una nueva estructura o tecnolog铆a. Son un conjunto de mejoras pr谩cticas para hacer que una web app funcione de manera similar a una aplicaci贸n de escritorio o m贸vil. El objetivo es tener una experiencia similar o igual a la de una aplicaci贸n m贸vil nativa, de modo que el usuario ya no se percate de la diferencia que existe entre una aplicaci贸n nativa y una PWA.

Para empezar, hay que saber distinguir entre los sitios web accesibles desde un navegador m贸vil de las aplicaciones que se descargan de una store. Por un lado, tenemos los sitios web m贸viles, los sitios web responsive y las web apps. Por otro lado, tenemos las aplicaciones nativas y las aplicaciones h铆bridas.
Las progressive web apps pueden ser definidas como una especie de mezcla entre las web app y las aplicaciones nativas. Pero es importante recalcar, que la diferencia fundamental es que  las PWA te permiten instalar la aplicaci贸n desde una ventana de navegaci贸n sin tener que pasar por una store.

Progressive web apps
Pantalla smartphone con mezcla de apps. Fuente:  Yura Fresh via Unsplash

Beneficios e inconvenientes de las progressive web apps 

Puede que te preguntes por qu茅 ser铆a m谩s interesante elegir una aplicaci贸n web que imita a las aplicaciones nativas en lugar de una aplicaci贸n nativa. Descubre cu谩les son las ventajas y los inconvenientes de los PWAs.

Beneficios

Las progressive web apps ofrecen muchos beneficios para los desarrolladores as矛 como tambi猫n para usuarios.

  1. Las PWA generalmente funcionan bastante r谩pido en comparaci贸n con un sitio web
  2. Funcionan sin necesidad de estar conectado a internet
  3. Son 鈥渞esponsive鈥 por lo cual funcionan con cualquier sistema operativo al igual que cualquier formato de aparato electr贸nico
  4. Funcionan como una aplicaci贸n nativa: el icono aparece en el tel茅fono como app, se pueden mandar notificaciones push y tienen acceso a ciertas funcionalidades del tel茅fono.
  5. La PWA se encuentra en los motores de b煤squeda y el 煤ltimo algoritmo de Google la pone en especialmente en valor.
  6. Capta la atenci贸n del usuario porque permite el env铆o de notificaciones.
  7. No es necesario instalarla a trav茅s de la store. Esto es un punto a favor tanto para el usuario como para el propietario. Para el primero es beneficioso porque no necesita pasar a trav茅s de la store y el segundo no necesita someterse a las reglas de las tiendas de aplicaciones.
  8. No ocupan lugar en la memoria del dispositivo m贸vil, pues no es necesario descargarla.

Ebook 1 App Descarga

Inconvenientes

Si bien las PWA es una app innovadora y cuenta con diversas funcionalidades beneficiosas como los que hemos mencionado l矛neas arriba, tambi猫n tiene ciertos puntos d茅biles.

  1. No se beneficia del tr谩fico de las tiendas de apps: Listado como un beneficio, esto es un arma de doble filo, ya que muchos usuarios buscan sus aplicaciones exclusivamente en las tiendas de apps.
  2. Usan mucha bater铆a: Las PWA consumen m谩s bater铆a que las aplicaciones nativas, ya que el c贸digo es de alto nivel por lo cual a los dispositivos m贸viles les cuesta m谩s interpretarlo.
  3. No tienen acceso a todas las funcionalidades del tel茅fono: Esto puede ser considerado un punto d茅bil importante para las PWA comparado con las aplicaciones nativas.
  4. Algunas funcionalidades no son compatibles con iOS: A pesar de que la mayor铆a de usuarios utilicen dispositivos con un sistema operativo Android, las PWA no est谩n optimizadas para ser compatibles con iOS y ello representa una fuerte debilidad.
almacenamiento progressive web apps
Diferencia de apps. Fuente: Sheila Martin via Flickr

Un ejemplo de progressive web app

Lancome es una reconocida marca francesa de lujo que se encarga del mundo de la cosm茅tica y que pertenece al grupo L’or茅al. Por m谩s que el uso del m贸vil incrementa, notaron que ten铆an menos conversiones desde dispositivos m贸viles que desde ordenadores. Por este motivo decidieron invertir en PWA para disminuir la tasa de rebote desde dispositivos m贸viles. El resultado fue muy positivo:

  • Aumento de conversiones del 17%
  • Aumento de las conversiones de carritos de compras recuperados mediante notificaciones push del 8%
  • Disminuci贸n de la tasa de rebote del 15%
  • Aumento del 51% de sesiones a trav茅s del dispositivo m贸vil
  • Disminuci贸n del tiempo de un 84% hasta que la p谩gina sea interactiva
aplicacion de lancome
Web progressiva de Lancome. Fuente: miguel.hernandezveliz via Flickr

驴Te interesa desarrollar una aplicaci贸n web progresiva?  

El impacto de las progressive web apps ha quedado demostrado en t茅rminos de rendimiento y de conversiones. Adem谩s, constituye una alternativa pr谩ctica y econ贸mica, ya que no es necesario pasar por un desarrollador para cada sistema operativo.

Proyecto App

Etiquetas
App Nativaweb app