Todo individuo considera que los límites de su propia visión son los límites del mundo.
Arthur Schopenhauer.
Bien mirado, es impresionante como desde 1991 hasta la fecha, la programación web haya mejorado tanto. Hoy día ya es posible programar en la web aplicaciones con funciones antes solo disponible para aplicaciones nativas.
Con la llegada de HTML5 inicia un gran cambio en el mundo de la web con W3C dándole apoyo como parte del código estándar al lado de otros lenguajes como el CSS3.
HTML5 con CSS3 trajeron nuevas herramientas para programar de forma más eficiente y para dar algunos estilos al contenido que antes no existían. Son muchas para mencionarlas todas aquí, pero puedes ver la lista completa de los cambios que trajo HTML5
¿Qué es una Progressive Web App?
Como menciona diligent en su blog, las progressive web apps son una tecnología promovida por Google que busca sacar provecho de los sitios web y las aplicaciones nativas.
Aprovecha el lenguaje HTML5 y las conexiones mucho más veloces de la actualidad para ofrecer una carga comparable con la de una aplicación nativa. Se fundamenta en los siguientes pilares:
- Diseño responsive, con animaciones CSS que simulan ser una app nativa.
- Service workers, un proxy entre el dispositivo y el servidor que pueden ejecutarse de forma independiente y en segundo plano, lo que permite por ejemplo funcionar hasta cierto punto sin conexión o con la aplicación cerrada.
- App Shell, un patrón que básicamente separa la creación de la app entre la funcionalidad y el contenido, de forma que se pueda cachear los elementos funcionales para que pueda usarse offline y por otro lado el contenido que llegue, este sí, desde la web.
Hay más detalles en nuestro artículo sobre las PWA y sus usos.
Beneficios de las Progressive Web Apps
Los beneficios que vamos a mencionar son sugeridos desde una visión general. Es decir, es posible que las PWAs aporten otros beneficios en situaciones particulares como control de inventarios en vivo, automatización de asientos contables recurrentes, generación automática de reportes de gestión según los objetivos para la web app y así por el estilo.
Si tienes un negocio, piensa en cómo podrías sacar provecho de estos beneficios en el área en que te desenvuelves.
1. – Prioridad en las páginas de resultados de los motores de búsqueda (SERPs)
Las progressive web apps son un proyecto promovido por Google. Con el fin de estimular la adopción de esta tecnología, Google comenzó a tomar en cuenta si el sitio web cumplía con el formato PWA o no.
Si necesitas mejorar la visibilidad de tu marca para aquellas frases importantes para tu negocio, convertir tu sitio web en PWA es una gran oportunidad para comenzar.
2. – Instalación rápida
Las PWAs suelen ocupar menos de 1MB de espacio del disco del dispositivo. Esto permite que la descarga sea casi instantánea y que el usuario tenga que esperar si acaso un par de segundos para recibir la información que solicitó.
Esto permite que la interacción del usuario con tu marca sea fluida y dinámica. La idea es servirlos en el momento que lo soliciten.Las PWAs son ideales para eso.
3. – Funcionan sin necesidad de conexión a Internet
A pesar de que las progressive web apps funcionan en la web, con ayuda de los service workers, pueden funcionar aún sin conexión a internet.
Esto es posible debido a que los service workers guardan tanto la información necesaria para ejecutar comandos como la nueva que genere el usuario. Cuando el dispositivo se conecte nuevamente a Internet, el service worker subirá la información a la nube.
4. – Fáciles de compartir, se adaptan al navegador del usuario
Todo lo que se necesita para compartir una PWA es un dispositivo con conexión a Internet y un link. Así de sencillo es. Con un mero link compartes una aplicación.
Otra característica sensacional es que se adapta a cualquier navegador web. Esto significa que la web app de tu negocio funcionaría en cualquier dispositivo con Internet y un navegador web.
5. – Actualizaciones automáticas y constantes
Tus clientes, los usuarios de la web app, no tendrán por qué preocuparse de si tiene o no actualizada la web app, de si le quedará suficiente espacio en el disco del dispositivo para actualizar y otras preocupaciones similares.
Las PWAs se actualizan automáticamente. Tan pronto como hayan cambios en la web app, todos los que accedan luego de eso, verán la última información actualizada. Puede que reciba una notificación sugiriendo actualizar la vista para ver los nuevos cambios.
6. – Funcionan en cualquier dispositivo con acceso a la web
Por el alcance que ofrecen las web apps se convierten en una herramienta ideal para mejorar el posicionamiento de la marca.
Tener una aplicación a través de la cual interactuar con tu público objetivo, que funciona siempre que haya Internet y un navegador web, es una gran oportunidad para comunicar la marca.
7. – Son seguras
Uno de los requisitos para que cierto código web sea considerado una PWA es que funcione con HTTPS, es decir, que cuente con los estándares mínimos de seguridad.
Que la web app sea HTTPS significa que la interacción dentro de la aplicación es privada entre el servidor y tu dispositivo, es decir, tal cual como sería en una aplicación nativa.
Algunos ejemplos de progressive web apps exitosas
Instagram ha desarrollado tanto la app nativa como la PWA. Si instalas la nativa, tendrás todas las funciones propias de Instagram, pero ocupará más de 100MB en tu dispositivo. En la PWA tendrás la mayoría de las funciones de la aplicación nativa y ocupará menos de 1MB en tu dispositivo.
Piensa en todas las ventajas que puede traer para tu negocio una tecnología web capaz de emular las funciones de una aplicación nativa.
Aliexpress
Aliexpress es un gran ejemplo de desarrollo de PWA con ecommerce. Esta marca muestra todos sus productos por categorías y te permite hacer pagos por los productos de manera rápida.
Aliexpress puede hacer eso porque todos los procesos de inventario pueden automatizarse, es posible generar reportes, consultar status, actualizar información, generar mensajes predeterminados para todo el proceso de verificación y pago y todo lo que implica el manejo de inventarios.
Pixlr
Pixlr es una progressive web app que funciona como un editor de imágenes. Puedes modificar una imagen en tu teléfono como si fuera una aplicación nativa.
Puedes usar la aplicación en el modo básico mientras te vas familiarizando con su uso. Cuando necesites funciones más avanzadas puedes usar la versión pro y así tendrás acceso a nuevas funciones para modificar imágenes de manera rápida.
El Sudoku es un pasatiempo que consiste en ordenar los números en cada fila, columna y submatrices 3×3 dentro de una matriz 9×9 de modo que no se repitan. Puedes jugar en modo fácil, medio o difícil. Es una excelente forma de relajarse y de mantener la mente activa.
Hay más juegos hechos como PWA en este artículo que habla sobre 11 juegos desarrollados con progressive web apps
Conclusión
Las PWAs cuentan con muchas ventajas y solucionan varios problemas que es difícil no pensar que se mantenga la tendencia de llevar la ejecución de tareas en el plano la web.
Entre los beneficios que ofrecen las PWs están:
- Prioridad en los SERPs
- Instalación rápida
- Conexión offline
- Fácil de compartir
- Actualizaciones automáticas y constantes
- Funcionan en cualquier dispositivo
- Son seguras
Aún no vemos una adopción masiva de esta tecnología, pero es de esperarse que pronto ocurra dadas las facilidades que ofrece a los consumidores.
¡Gracias por leer!
