Qué son las PWA (Progressive Web Apps) y cuáles son sus ventajas

Las aplicaciones web progresivas son un tipo de aplicación móvil publicada a través de la web, desarrollada con tecnologías web estandar que incluyen HTML, CSS y JavaScript. Están diseñadas para funcionar en cualquier dispositivo que utilice un navegador moderno.

En los últimos años ha habido un crecimiento exponencial en el número de usuarios de teléfonos móviles. Hoy en día, más del 60% del uso total de Internet se realiza a través del teléfono móvil. Las razones incluyen: la portabilidad, el hardware barato, el fácil acceso a Internet y el aumento del número de servicios en Internet. Con más usuarios en el móvil, la optimización de la experiencia del usuario en el teléfono es esencial.

Para las empresas más pequeñas, que a menudo no tienen aplicaciones nativas debido a limitaciones de tiempo o de coste, la aplicación web es la oportunidad clave para aumentar el número de clientes, proporcionando la mejor experiencia de usuario posible.

Si las empresas tienen aplicaciones móviles nativas dedicadas, existe la posibilidad de que muchos usuarios prefieran su versión web para evitar la descarga y la instalación debido a restricciones de hardware y memoria o a alguna otra preferencia personal.

Si una empresa se dedica y quiere conseguir el máximo de clientes comprometidos, la experiencia de una aplicación web tiene que ser similar a la de la aplicación nativa. Hoy en día la expectativa de nuestros sitios web es muy alta. Hace casi 25 años, cuando se inventó el sitio web, su propósito era principalmente compartir información.

Tomemos el ejemplo de Whatsapp en tu teléfono. Cuando no tienes Internet, puedes abrir la aplicación, revisar los mensajes anteriores e incluso responder a alguien. Cuando el teléfono se conecta a Internet, los mensajes se envían automáticamente en segundo plano.

Esto es lo que PWA promete proporcionar en las aplicaciones web. Permite que las aplicaciones web, una vez instaladas, se carguen cuando no hay red, se sincronicen en segundo plano y hagan las cosas a la perfección a la vez que proporcionan una experiencia similar a la de un nativo para sus usuarios.

¿Por qué necesitamos PWAs y cuáles son sus características?

Hablemos de algunos de los atributos principales que no encontraremos en las aplicaciones web comunes no progresivas.

  • Fiable

    La aplicación debe ser rápida como un rayo cuando se carga, debe ser casi instantánea y también debe abrirse cuando no hay red o una red de baja velocidad como la 2G. Google encontró que el 53% de los usuarios abandonan el sitio web si la página tarda más de 3 segundos en cargarse.

  • Inmediata

    Los scrolls y las transiciones de página deben ser suaves como la mantequilla cuando el usuario está interactuando con la aplicación web. Todo el mundo odia los pergaminos de mierda.

  • Adaptable

    La aplicación debería encajar en todos los diferentes tamaños de dispositivos. La aplicación web perfecta debe ser como el agua, tomar la forma de su recipiente.

  • Instalable

    Si queremos que las aplicaciones web se acerquen más a las aplicaciones nativas, tienen que ser instalables y deben residir en la pantalla de inicio junto con otras aplicaciones nativas, para que el usuario pueda acceder al PWA con un solo clic.

  • Splash Screen

    Las Aplicaciones Web Progresivas pueden tener una pantalla de bienvenida al inicio de la aplicación. Esto hace que el PWA se parezca más a una aplicación nativa

  • Alta capacidad de fidelización

    La aplicación debe mantener a los usuarios ocupados. Un PWA proporciona características como las notificaciones push, el icono de la pantalla de inicio, vista a pantalla completa y offline para maximizar la interacción con el usuario.

Todo lo anterior es posible con una Web App Progresiva

Algunas personas creen que un PWA está acoplado a los últimos frameworks de UI como ReactJs, Angular 6 o Vue.js. No necesariamente. PWA no tiene nada que ver con el framework o librería que está utilizando, sólo necesita los componentes necesarios.

Las aplicaciones nativas pueden abrirse sin conexión a Internet porque cuando las descargamos e instalamos, los recursos críticos como los componentes de la interfaz de usuario y algunos datos se almacenan en el dispositivo…. esto es exactamente lo que sucede en un PWA también.

El PWA almacena archivos HTML, archivos CSS e imágenes en la caché del navegador y los desarrolladores pueden controlar completamente la llamada de red.

Para hacer funcionar una PWA hay tres elementos esenciales que deben implementar los desarrolladores:

  • Service Worker. Código javascript.
  • El manifiesto. En formato json
  • Disponer de conexión HTTPS

 
Un buen ejemplo del avance de las Apps Progresivas es Vue Storefront que es una PWA para hacer de front-end de cualquier plataforma e-commerce.

© 2019 Pulpo Privacidad| Aviso legal