Progressive Web Apps
Aplicaciones web que usan tecnologías modernas para ofrecer experiencias similares a apps nativas: instalables, offline-capable y con notificaciones push.
seed#pwa#service-worker#offline#installable#web#mobile
¿Qué es?
Una Progressive Web App (PWA) es una aplicación web que usa Service Workers, Web App Manifest y otras APIs modernas para ofrecer una experiencia similar a una app nativa: instalable en el home screen, funcional offline y con notificaciones push.
Características
- Instalable: se agrega al home screen sin app store
- Offline: funciona sin conexión (Service Worker + cache)
- Responsive: se adapta a cualquier pantalla
- Push notifications: notificaciones como app nativa
- Linkable: accesible vía URL
Tecnologías clave
- Service Worker: proxy de red que intercepta requests y gestiona cache
- Web App Manifest: metadata para instalación (nombre, icono, colores)
- Cache API: almacenamiento de recursos para uso offline
- Background Sync: sincronizar datos cuando vuelve la conexión
PWA vs App Nativa
| Aspecto | PWA | Nativa |
|---|---|---|
| Distribución | URL (sin app store) | App Store |
| Instalación | Opcional, ligera | Requerida |
| Actualizaciones | Automáticas | Manual/auto |
| Acceso a hardware | Limitado | Completo |
| Costo de desarrollo | Menor (una codebase) | Mayor (por plataforma) |
¿Por qué importa?
Las PWAs combinan lo mejor de la web y las apps nativas: instalables, funcionan offline y se actualizan automáticamente. Para productos que no justifican el costo de mantener apps nativas en múltiples plataformas, son la alternativa pragmática.
Referencias
- web.dev PWA — Guía de Google.
- Learn PWA — Google, 2024. Curso completo de PWAs.
- Progressive Web Apps — MDN — MDN, 2024. Documentación de referencia.