Skip to main content

¿Qué es una Aplicación Web Progresiva?

# Fecha
febrero 16, 2022
# Categorías
# Siguenos

Al hablar de aplicación progresiva nos referimos a una aplicación web a la mitad de ser una app corriente, esa que necesita instalarse en el dispositivo y de una web que se ejecuta dentro del navegador. Este tipo de aplicaciones web progresivas permiten ahorrar espacio y pueden usarse en cualquier sistema Android, son ideales para usar plataformas que quizás no tienen aplicación corriente.

Hay muchas formas de instalar una aplicación en Android, puedes hacerlo desde Google Play, desde una tienda alternativa, con una APK, usar apps sin instalar nada, estas últimas corresponden a las instant apps o aplicaciones instantáneas, y está la opción fácil para usar software de terceros, las aplicaciones web progresivas o PWA (Progressive Web App) que no requieren casi instalación y dan ventajas sin muchos inconvenientes.

Estas aplicaciones progresivas mantienen la estructura de una aplicación a pesar de basarse en la web, se ejecutan gracias al navegador, pero no son solo un acceso directo, puesto que al descargarlas al teléfono realmente se instalan, ocupando menos espacio del que se necesitaría si la instalases desde Google Play, estas pueden funcionar sin conexión a internet lo que les da gran ventaja.

Dichas aplicaciones usan el servicio de notificaciones del navegador, también pueden funcionar en segundo plano como una app “normal”, brinda la mayoría de sus funcionalidades a pesar de basarse en la web, recortan algunas opciones, por tanto, no es tan completa como la que puedes descargar de la tienda. Lo único que necesitarás es un navegador apto para aplicaciones web progresivas, uno totalmente compatible es Google Chrome, también están los que basan en Chromium, como Brave o el navegador de Samsung, otros compatibles son Firefox y Opera para Android.

Funcionamiento

La clave del funcionamiento de las aplicaciones web progresivas son los service workers, este es un script, es decir, un proxy controlable que se ejecuta entre el navegador y el servidor, separado de una página web, lo que abre la puerta a funciones que no requieren una página o la interacción del usuario. Dichos service workers forman la base de las PWA, usando caché web para conseguir resultados de manera casi inmediata.

Cabe acotar que los service workers solo permanecen mientras sea requerida su acción en una PWA, esto ocurre cuando haces clic en algo o recurres a alguna función, es allí cuando se activan y deciden si la caché sin conexión puede completar dicha solicitud. Lo ideal es que cuenten con múltiples cachés offline para que PWA las puedan seleccionar, lo que da mayores funcionalidades sin conexión.

La caché no solo incrementa la velocidad fuera de línea, si estás ejecutando una PWA y tu conexión es muy irregular, puede servirle al service workers una caché anterior, en pleno funcionamiento sin necesidad de interrumpir tu experiencia, incluso, hay sitios web que están tan bien implementados que cargan muy rápido, incluso más que una app nativa.

caracteristicas aplicacion web progresiva

Características de una aplicación web progresiva

Las características de una aplicación web progresiva se basan en:

  1. Instalación: puedes ingresar desde cualquier navegador sin pasos previos ni necesidad de descargar nada en tiendas de aplicaciones tal como App Store o Google Play.
  2. Compartir: solo necesitas una URL para compartirla, no necesitan ninguna instalación anterior.
  1. Actualizaciones: se mantienen actualizadas, así que siempre te ofrecen las últimas versiones.
  2. Seguridad: siempre necesita usar HTTPS para mantener la seguridad de los datos del usuario.
  3. Diseño: su función es imitar las apps móviles nativas, por tanto, deben contar con menús simplificados y fáciles de encontrar, la interactividad debe ser simple para funciones avanzadas.

¿Cómo instalar una aplicación web progresiva?

Estas aplicaciones web progresivas se instalan, pero no con el proceso de instalación común como tal, puesto que su descarga es más simple, solo necesitas seguir 3 pasos:

  1. Abre el navegador de tu móvil, este debe ser compatible con las PWAs.
  2. Accede a la web que quieres descargar como aplicación web progresiva.
  3. Haz clic en el menú de tu navegador y añade la web al escritorio, como acceso directo, dándole en añadir a inicio.

Puede que te parezca que se está añadiendo como un simple acceso directo en tu pantalla de inicio de Android, pero si la página web está disponible como PWA esta se descargará en tu teléfono. Esto permitirá que se abra más rápido, no consuma tantos recursos y que funcione sin conexión a Internet siempre y cuando no sea imprescindible para su funcionamiento.

Después de instalarla se mostrará como una app corriente en apariencia e incluso puedes tenerla en tu cajón de aplicaciones. Dependiendo de la PWA el acceso puede no quedar anclado en el escritorio si no que se instale como una app más o menos corriente, por ende, tendrás que buscarla entre las demás apps instaladas.

Ejemplos

Algunos ejemplos de aplicaciones web progresivas son:

  1. Mensajería: algunas apps de mensajería como WhatsApp y Telegram han creado versiones PWA para que se usen sus servicios más allá de los smartphones.
  2. Eccomerce: algunos de los grandes eccomerce como Aliexpress buscan incrementar su presencia a toda costa, por ello, desarrollan PWA con los que puedan aumentar sus ventas.
  3. Redes sociales: la mayoría de las redes sociales como Facebook, Instagram o Twitter, han incorporado PWA tratando de usar terminales con recursos más limitados.

Como ves, las aplicaciones web progresivas son bastante buenas cuando quieres ahorrar espacio de almacenamiento en tu dispositivo móvil, pero disfrutar casi de las mismas ventajas de una app convencional, además, estas son fáciles de instalar y funcionan con mayor rapidez.

Comunicaciones