PWA

tag Desarrollo y programación
tag Internet y páginas web

Una PWA (Progressive Web App, o Aplicación Web Progresiva) es un tipo de software de aplicación que se entrega a través de la web, pero que ofrece una experiencia de usuario casi idéntica a la de una aplicación nativa de iOS o Android.

En esencia, es un sitio web «con superpoderes»: utiliza tecnologías modernas del navegador para permitir que el usuario la instale en su pantalla de inicio, reciba notificaciones push y, lo más importante, funcione perfectamente sin conexión a internet o en redes muy lentas.

¿Qué hace que una web sea «Progresiva»?

Para que un proyecto se considere una PWA, debe cumplir tres requisitos técnicos clave:

  1. Service Workers: Un script que corre en segundo plano y se encarga de gestionar el «cacheo» de archivos y las notificaciones. Es el motor que permite la velocidad instantánea y el modo offline.
  2. Manifiesto (Web App Manifest): Un archivo JSON que le dice al dispositivo cómo debe verse la app (icono, colores de marca, orientación de pantalla) cuando se instala.
  3. HTTPS: Por seguridad y para que los Service Workers funcionen, la conexión debe ser cifrada obligatoriamente.

PWA vs. App Nativa vs. Web Tradicional

CaracterísticaWeb TradicionalPWAApp Nativa
InstalableNo (sin pasar por la Store)Sí (App Store / Play Store)
Modo OfflineNo
Notificaciones PushLimitado (en casi todos los SO)
Coste de DesarrolloBajoMedio (un solo código)Alto (código por plataforma)
Acceso a HardwareMuy limitadoAlto (Cámara, GPS, Bluetooth)Total