¿Qué es una aplicación web progresiva (PWA)?

PWA: definición e idea básica

Las aplicaciones web progresivas combinan el alcance de la web con la comodidad de una app. Se desarrollan con tecnologías web como HTML, CSS y JavaScript, se ejecutan en el navegador y, además, pueden utilizarse como una aplicación instalada: con su propio icono en la pantalla de inicio y sin la barra del navegador.

«Progresiva» significa que la aplicación funciona en cualquier navegador moderno y ofrece funciones adicionales allí donde el dispositivo las admite. Quien no instala la PWA simplemente la sigue usando como sitio web.

Cómo funciona una aplicación web progresiva

Tres componentes técnicos convierten un sitio web en una PWA. Juntos permiten la instalación, una carga rápida y el funcionamiento sin conexión.

En Android y en navegadores de escritorio como Chrome o Edge, la compatibilidad es amplia. En iPhone y iPad las PWA también funcionan, aunque con limitaciones; allí, las notificaciones web push solo son posibles desde iOS 16.4 y únicamente para aplicaciones web instaladas en la pantalla de inicio.

• Web App Manifest: nombre, icono, colores y comportamiento de inicio de la app
• Service worker: script en segundo plano que almacena contenidos en caché y permite el uso sin conexión
• HTTPS: conexión cifrada como requisito previo
• Opcional: notificaciones push y sincronización en segundo plano

Ventajas y límites de las PWA

Una PWA se basa en una base de código común para todas las plataformas. Las actualizaciones están disponibles de inmediato para todos los usuarios, sin proceso de aprobación en la tienda de apps. Al mismo tiempo, la aplicación sigue siendo localizable en los buscadores y se puede compartir mediante un enlace, una ventaja que las apps clásicas no tienen.

Los límites están en el acceso a algunas funciones del dispositivo, en las aplicaciones con un uso muy intensivo de recursos de cálculo y en la visibilidad en las tiendas de apps. Quien necesite estar presente allí puede empaquetar además la PWA como app o apostar por una app nativa o multiplataforma.

• Una base de código para smartphone, tablet y escritorio
• Sin aprobaciones de la tienda para las actualizaciones
• Localizable en Google y fácil de compartir mediante un enlace
• Acceso limitado a algunas funciones del dispositivo, sobre todo en iOS

Ejemplo práctico: cuándo tiene sentido una PWA

Una empresa de servicios técnicos quiere poner a disposición de sus técnicos, en el móvil, listas de comprobación y datos de los encargos, incluso en un sótano sin cobertura. Una PWA guarda localmente los encargos del día y los datos introducidos se sincronizan en cuanto vuelve a haber conexión. La instalación se realiza mediante un enlace, sin pasar por una tienda de apps.

Las PWA son especialmente adecuadas para portales de clientes, aplicaciones de reserva y de pedidos, herramientas internas y MVP. En la primera consulta, Nano Concepts analiza si una PWA cubre sus requisitos o si una app de la tienda es la mejor opción, e implementa la solución adecuada.