Guías

Quizás visitaste un sitio web que te ofreció 'Añadir a la pantalla de inicio' y luego se abrió como una app de verdad: a pantalla completa, funcionando sin conexión, incluso enviando notificaciones. Eso es una Progressive Web App, o PWA. Es una de las ideas más útiles del desarrollo web moderno. Esta guía explica qué es una PWA, cómo funciona y por qué los equipos las crean.

Una progressive web app es un sitio web creado para comportarse como una app nativa de móvil o de escritorio. Se ejecuta en el navegador como cualquier sitio, pero con capacidades extra: se puede instalar en tu pantalla de inicio, funcionar sin conexión a internet, cargar al instante y enviar notificaciones push. Es una sola base de código, entregada por la web, que se siente como una app instalada.

Cómo funciona una PWA

Dos tecnologías hacen esto posible. Un service worker, un script que se ejecuta en segundo plano, guarda tus archivos en caché y gestiona las peticiones de red, que es lo que permite a una PWA funcionar sin conexión y cargar rápido. Un web app manifest, un pequeño archivo JSON, le indica al navegador el nombre, el icono y los colores de la app, para que pueda instalarse y abrirse como una app nativa.

Como sigue siendo un sitio web, una PWA no necesita tienda de aplicaciones. Visitas una URL y el navegador te ofrece instalarla. No hay cola de descarga, no hay aprobación de la tienda, y las actualizaciones ocurren de forma automática la próxima vez que la abres. Para los usuarios no hay fricción; para los desarrolladores se salta muchos controles de plataforma.

Por qué los equipos las crean

El atractivo está en el alcance y el coste. En lugar de crear versiones separadas para iOS, Android y web, un equipo publica una sola app web que funciona en todas partes: móvil, tableta y escritorio. Eso es más barato de crear y mantener, y evita las comisiones y los retrasos de revisión de las tiendas. Empresas como Twitter, Spotify y Pinterest han publicado PWA justo por estas razones.

• Instalar en tu pantalla de inicio, sin necesidad de tienda de aplicaciones
• Funcionar sin conexión o con una conexión mala, mediante un service worker
• Cargar casi al instante gracias a la caché
• Enviar notificaciones push, donde la plataforma lo permita
• Ejecutarse a pantalla completa como una app nativa, usando un web app manifest
• Actualizarse de forma automática la próxima vez que la abres

Los usuarios también salen ganando. Una PWA se instala en segundos, ocupa poco almacenamiento y aguanta una conexión inestable. La carga más rápida y el acceso sin conexión mantienen a la gente interesada, y por eso las PWA suelen mejorar los números que importan: las visitas recurrentes y el tiempo en el sitio.

Los límites honestos

Las PWA son potentes, pero no ilimitadas. En algunas plataformas, el acceso a funciones profundas del dispositivo, como ciertos sensores, tareas en segundo plano o presencia en la tienda, está más restringido que en una app nativa de verdad, y antes el soporte en iOS iba por detrás de Android. La diferencia se ha reducido mucho, pero todavía existe para algunas funciones.

Así que la regla honesta es: comprueba el soporte actual de las funciones concretas que necesitas. Para la mayoría de las apps, como contenido, herramientas, tiendas y paneles, una PWA hace todo lo necesario. Si necesitas una integración intensa con el hardware o ganchos profundos del sistema operativo, una app nativa quizás siga siendo la mejor opción.

En resumen

Una progressive web app es un sitio web que se comporta como una app instalada: capaz de funcionar sin conexión, instalable, rápida y lista para notificaciones, desde una sola base de código. No reemplazará a todas las apps nativas, pero para una enorme variedad de productos ofrece casi todas las ventajas a una fracción del coste, y por eso tantos sitios modernos son, en silencio, PWA.