PWA: ¿Así es como se ve el futuro de las aplicaciones móviles?

“Aplicación web progresiva” es un término acuñado recientemente en el año 2015 por la diseñadora Frances Berriman y el ingeniero de Google Chrome Alex Russell. Desde su nacimiento, las PWA han tenido bastante éxito y también han sido adoptadas por las principales empresas.

Pero levanta algunas cejas cuando escuchamos profecías que indican hacia; los días de la tienda de aplicaciones y los de las aplicaciones nativas como las conocemos, están contados.

Es difícil imaginar que las aplicaciones que literalmente manejan nuestras vidas, desde organizar reuniones hasta contactar amigos, bajar el termostato y desbloquear automóviles, pronto serán reemplazadas por una tecnología que aún se encuentra en sus etapas iniciales.

Entonces, ¿puede lo impensable ser posible o sobrevivirá el Imperio Romano al paso del tiempo?

Para que podamos elegir entre los dos caminos divergentes, primero debemos saber: ¿Qué son las PWA? ¿Con qué tecnología se ejecutan las PWA? ¿Cuáles son las ventajas de las PWA sobre las aplicaciones nativas? y ¿Cuáles son sus inconvenientes?

Aquí está todo lo que hay que saber sobre la tecnología, respondido por la empresa líder en desarrollo de PWA :

¿Qué son las PWA?

Si alguna vez lo mejor de la web y las mejores aplicaciones tuvieron un hijo clon, es PWA.

Las aplicaciones web progresivas (PWA), como su nombre indica, son esencialmente aplicaciones web, pero al usuario le parecen aplicaciones móviles nativas. En otras palabras, los PWA tienen lo mejor de ambos, se puede acceder a ellos y descubrirlos fácilmente como aplicaciones web y ofrecen la comodidad de las aplicaciones móviles.

A diferencia de las aplicaciones móviles nativas, las PWA existen en la web como cualquier otro sitio web; la única excepción aquí es que se pueden agregar directamente a la pantalla de inicio del usuario. A partir de ahí, las PWA ofrecen todos los beneficios que ofrece una aplicación nativa; confiabilidad, recuerdo y mayor compromiso.

Entonces, ¿qué es lo que ha ayudado a los desarrolladores a encontrar el punto óptimo entre la web y las aplicaciones móviles? Desplácese hacia abajo para conocer las tecnologías involucradas en la creación de una PWA.

¿La salsa secreta detrás de las PWA?

Hay 3 pilares tecnológicos fundamentales en los que se basan las PWA, cada uno de los cuales se describe a continuación:

Manifiesto
El manifiesto de la aplicación web es un archivo JSON simple que le brinda a usted, el desarrollador, un lugar centralizado para colocar toda la información sobre una aplicación (como nombre, autor, ícono, descripción) como metadatos.

El propósito del manifiesto es instalar aplicaciones web en la pantalla de inicio de un dispositivo. Le permite controlar la apariencia de la aplicación en lugares donde un usuario esperaría una experiencia de aplicación móvil nativa, por ejemplo, el ícono de inicio, la apariencia de la pantalla de inicio, etc.

Trabajadores de servicios
Aquí es donde sucede la verdadera magia. Service Workers lo ayuda a llevar lo mejor de la web y los dispositivos móviles a las PWA.
Técnicamente, Service Workers se encuentra entre la red y el dispositivo y proporciona contenido mediante la gestión de solicitudes HTTP mediante programación.
Manejan el almacenamiento en caché confiable e inteligente, mantienen la sincronización en segundo plano, envían notificaciones y, lo que es más importante, permiten la navegación sin conexión de sitios visitados anteriormente.

Arquitectura de la carcasa de la aplicación
App Shell Model es un enfoque arquitectónico que se emplea para una carga rápida, algo que los usuarios esperarían al iniciar una aplicación nativa.

Es un mecanismo de almacenamiento en caché, donde la interfaz de usuario básica se almacena como un marco estático, en el que el contenido se puede cargar progresivamente, lo que permite a los usuarios interactuar con la aplicación a pesar de los diversos grados de conectividad web.
Entonces, ¿qué es lo que hace que las PWA sean mucho más atractivas? Echemos un vistazo a algunos de los principales problemas que existían con el sitio web o las aplicaciones móviles, que las PWA han abordado:

Ventajas de las PWA

Esta sección la he dividido en dos partes, una sobre las desventajas de los sitios web y las aplicaciones móviles nativas y cómo las PWA resuelven esos problemas.

Ventaja sobre las aplicaciones móviles nativas

Las aplicaciones móviles nativas son los estándares de oro cuando se trata de usabilidad y velocidad, pero tienen ciertas fallas. Y la tecnología a medida que evoluciona, solo mejora y todas las imperfecciones siempre se eliminan.

El mayor defecto de las aplicaciones actuales es que son inaccesibles. La mayoría de las aplicaciones móviles obtienen menos de 1000 descargas .

Desaparecen en el éter, sin dejar rastro, pero ¿por qué? Porque para encontrar una aplicación hay que buscarla. A diferencia del caso de los sitios web, donde Google a menudo nos lleva a sitios web que realmente no buscamos.

Otra estadística sorprendente sobre el uso de aplicaciones móviles revela que hay una caída del 20% en el volumen de usuarios desde la descarga hasta el uso activo. Entonces, en algún lugar entre encontrar una aplicación, descargarla y finalmente usarla; 1 de cada 5 usuarios desaparece.

Agregue a esto el hecho de que desarrollar y mantener una aplicación móvil, idealmente tanto en Android como en iOS, junto con un sitio web, lo convierte en un asunto bastante costoso.

Progressive Web Apps es la solución a todas las desventajas anteriores:

Existen en la web como sitios web, por lo que se pueden encontrar en los resultados de búsqueda de Google, lo que facilita mucho la accesibilidad y el descubrimiento de PWA.

Los PWA evitan el paso, donde los usuarios tienen que descargar la aplicación de la tienda de aplicaciones, eliminando así la fricción. Se pueden agregar directamente a la pantalla de inicio del dispositivo y acceder desde allí.
Imagínese buscar en Google un libro a término de boletos de avión a Los Ángeles y, en lugar de un sitio web, podría acceder a una aplicación de viajes al instante, con la misma interfaz fácil de usar que la de una aplicación nativa. Bueno, eso es lo que los PWA son para ti.

Los PWA son independientes de la plataforma, ya que son esencialmente sitios web con todas las funcionalidades de una aplicación móvil. Por lo tanto, crear una PWA y mantenerla es menos costoso y puede enviarse más rápido.

Ventaja sobre el sitio web

La principal desventaja de un sitio web es que son lentos en comparación con las aplicaciones móviles y no son confiables cuando se accede a ellos con conexiones inestables.

Esto es lo que dio origen a la “Crisis de la Obesidad Web”. Nos encantan las páginas web con videos HD y animaciones coloridas, pero al mismo tiempo, las estadísticas sugieren que el 40% de los usuarios rebotan desde un sitio web que tarda más de 3 segundos en cargarse.

Aparte de esto, los sitios web siempre han anhelado un lugar en la bandeja de notificaciones y en la pantalla de inicio como una aplicación.

Los PWA brindan la combinación perfecta para estos problemas que han afectado a los sitios web durante mucho tiempo:

Como se mencionó anteriormente, los PWA emplean la arquitectura App Shell, que garantiza una carga rápida . Proporciona un marco estático con componentes web confiablemente rápidos para la primera carga, en el que otro contenido se carga de forma progresiva o dinámica.

Los PWA se pueden agregar y acceder desde un dispositivo como una aplicación . Agregar uno es más simple que descargar una aplicación. Aquí solo necesita aceptar el mensaje "Agregar a la pantalla de inicio" mientras navega, y el PWA se agregará a la pantalla de inicio de su dispositivo.
La próxima vez que lo inicie desde la pantalla de inicio de su dispositivo, ocultará todos los controles del navegador y se comportará como una aplicación.

Como puede ver, los PWA combinan lo mejor de ambos; la velocidad y la facilidad de uso de una aplicación nativa con el sólido marco de back-end y la conectividad de los sitios web. Esa es precisamente la razón por la que llamo a los PWA como el hijo clon de las aplicaciones y sitios web nativos, y recomiendo a todos que esperen invertir en el desarrollo de aplicaciones web progresivas. Pero, al mismo tiempo, sugiero que todos se familiaricen con la tecnología y su alcance en el mercado de adentro hacia afuera, junto con otros factores que afectan el éxito de su proyecto de desarrollo de aplicaciones móviles, como se menciona en esta guía de desarrollo de aplicaciones móviles .