La Web Progresiva

La Web Progresiva

Últimamente se ha escuchado mucho el término “progressive web”, pero ¿qué quiere decir esto? Las aplicaciones web progresivas no son una tecnología nueva pero últimamente están todavía más de moda. Durante este ensayo se hablará de qué son, sus características, sus componentes principales.

Progressive Web Apps, son un tipo de aplicaciones que se podrían definir como: “Página web que se aprovecha de las tecnologías webs a las cuales tiene acceso para proponer una experiencia móvil similar a una aplicación nativa”. Al final, una Progressive Web App, es una nueva generación de aplicaciones que están a medio camino entre una web y una aplicación, ya que tienen lo mejor de los dos mundos.

Además, incrementan su funcionalidad en base a las capacidades del dispositivo en el que se ejecutan, de ahí que se denominen con la palabra progresiva.

Esta definición, aunque es bastante amplia, resume muy bien que es una Progressive Web Apps.

Respecto a las características de una Progressive Web App (PWA) nos encontramos principalmente con las siguientes:

• Velocidad de carga optimizada al máximo.
• Optimización del rendimiento en dispositivos móviles.
• Contenido rastreable e indexable.
• Posibilidad de usar notificaciones push, tal como ya hacen las apps nativas. (En este sentido, hay una consideración que debemos tener en cuenta: que no es compatible con todos los navegadores, especialmente si utilizamos el navegador Safari de Apple)
• Posibilidad de agregar, en el escritorio o en el menú de tu dispositivo mobile, un icono que te lleva directamente a la PWA (sería más o menos como el icono de una aplicación)

Además, cuenta con unas características adicionales muy interesantes, tales como:

• Posibilidad de acceder al portal fuera de la red. (sin conexión)
• Uso mandatorio del HTTPS para todas las solicitudes.
• Dynamic Caching & Service Workers.

¿Cuáles son los componentes principales de una PWA?

Manifesto JSON de la aplicación

Uno de los elementos más importantes es el manifesto de la aplicación. Es un archivo muy sencillo (formato JSON) que te permite controlar cómo se verá tu aplicación en las áreas donde normalmente los usuarios tienen aplicaciones nativas.

Service Workers

El Service Worker es el concepto más complejo, asociado a las Progressive Web Apps: Se trata de uno o varios scripts que funcionan en segundo plano y que te permiten:

• Generar una experiencia offline, descargando los contenidos imprescindibles para que la aplicación funcion.
• Generar push notifications, aunque el usuario no cuenta con la aplicación abierta (un poco como las aplicaciones nativas)

La web progresiva se puede considerar como una nueva generación de aplicaciones que se conforman, por la fusión entre la web y una aplicación, ya que se usan las mejores características de estos dos. Para incrementar la funcionalidad de las capacidades en donde se utilizan. Puede que el término haya sido utilizado hace ya bastante tiempo, pero es ahora cuando se a oído mucho con la aparición de nuevas aplicaciones como Twitter o Facebook, que son consideradas como PWA debido a esa misma fusión, de poder usarlas en la web y como aplicación.

Bibliografía

• Antoine Eripret. (2017). Introducción a las Progressive Web Apps (PWA). 28/09/19, de SEOCOM Sitio web: https://seocom.agency/es/blog/introduccion-pwa/
• IVÁN RAMÍREZ. (2018). ¿Qué es una Aplicación Web Progresiva o PWA?. 28/09/19, de Xataka Basics Sitio web: https://www.xataka.com/basics/que-es-una-aplicacion-web-progresiva-o-pwa