Una PWA (aplicación web progresiva) es una página web que se puede instalar y se siente como una app. Si tu producto es contenido, catálogo, reservas o formularios, una web responsive o una PWA suele bastar. Una app nativa se justifica cuando necesitas funciones profundas del teléfono o la tienda de apps como canal principal.
Aquí tienes las diferencias, cómo funciona una PWA en iPhone y 5 preguntas para decidir.
PWA o app nativa: ¿qué diferencia hay?
- Web responsive: un sitio que se adapta a cualquier pantalla. Se abre desde el navegador.
- PWA: según MDN, es una app construida con tecnologías web que ofrece una experiencia como la de una app nativa. Sigue siendo un sitio web, pero puede instalarse, tener su ícono y abrirse sin la barra del navegador (MDN).
- App nativa: se hace para un sistema (Android o iOS) y se distribuye por su tienda. Puede acceder a más funciones del dispositivo.
| Web responsive | PWA | App nativa | |
|---|---|---|---|
| Se instala con ícono | No | Sí | Sí |
| Dónde se consigue | Un enlace | Un enlace o la tienda | La tienda de apps |
| Funciona sin internet | No | Si la programas para eso | Sí, puede |
| Notificaciones | No | Sí, con condiciones | Sí |
| Se encuentra en Google | Sí | Sí | Solo su ficha de tienda |
| Código | Uno | Uno para todos los dispositivos | Uno por plataforma, normalmente |
Las PWA, dice web.dev, buscan llegar a usuarios de cualquier dispositivo con una sola base de código. Pero algunas capacidades siguen fuera del alcance de la web.
¿Qué necesita una PWA para poder instalarse?
En Chrome, web.dev lista estos requisitos: servirse por HTTPS, tener un manifiesto con nombre, íconos de 192 y 512 píxeles, página de inicio y modo de visualización, y que la persona haya interactuado con la página y pasado al menos 30 segundos en ella.
El service worker, que permite funcionar sin conexión, es opcional según MDN. Si no lo programas, la PWA no funciona sin internet.
¿Cómo funciona una PWA en iPhone?
Desde iOS y iPadOS 16.4, las apps web agregadas a la pantalla de inicio pueden recibir notificaciones (WebKit). Hay tres condiciones:
- La persona la añade desde el menú compartir con «Añadir a pantalla de inicio».
- El sitio tiene un manifiesto con modo
standaloneofullscreen; si no, queda como un marcador que abre el navegador. - El permiso de notificaciones solo se pide tras una acción directa, como tocar un botón de «suscribirme».
Por eso conviene probar en iPhone y en Android. MDN advierte que las PWA usan funciones web que no todos los navegadores soportan y que hay que prever alternativas.
¿Cuál conviene según tu caso?
- Web responsive: tu negocio necesita presencia, información, blog o un catálogo sencillo.
- PWA: tus clientes vuelven seguido (reservas, pedidos, un portal) y quieres que instalen el acceso sin pasar por una tienda.
- App nativa: necesitas funciones del dispositivo que el navegador no ofrece, o la tienda de apps es parte de cómo te encuentran.
¿Qué 5 preguntas te ayudan a decidir?
- ¿Tus usuarios necesitan instalarla o les basta abrir un enlace?
- ¿Debe funcionar sin internet? Si sí, la PWA necesita un service worker bien hecho.
- ¿Necesitas notificaciones? Funcionan en iPhone solo para apps añadidas a la pantalla de inicio.
- ¿Usas funciones avanzadas del teléfono? Si el navegador no las ofrece, necesitas una app nativa.
- ¿Quién la mantendrá y con qué presupuesto? Una base de código para todo es más fácil de mantener que una por plataforma. Si dudas entre construir o comprar, mira cómo decidir entre software a medida y SaaS.
¿Cómo lo aplicamos en Mokev?
Nuestras tarjetas digitales son una PWA: cada tarjeta tiene su propio manifiesto y quien la recibe puede instalarla en su teléfono, sin pasar por una tienda de apps. Así una persona guarda la tarjeta de un contacto con un par de toques y sin descargar nada más.
Si estás pensando en una app o en una PWA para tu negocio, mira nuestros servicios de apps móviles y desarrollo web, o escríbenos.
Preguntas frecuentes
¿Una PWA aparece en Google?
Sí. Como sigue siendo un sitio web, se puede compartir con un enlace y los buscadores pueden indexarla, a diferencia de una app que solo vive en una tienda.
¿Se puede publicar una PWA en las tiendas de apps?
Según MDN, una PWA puede instalarse desde una tienda de apps o directamente desde la web. Las reglas dependen de cada tienda, así que revísalas antes.
¿Una PWA funciona sin internet?
Solo si se programa con un service worker para eso. No ocurre automáticamente.
¿Todas las PWA funcionan igual en iPhone y en Android?
No. Algunas funciones dependen del navegador y del sistema. Por ejemplo, las notificaciones en iPhone requieren que la app esté añadida a la pantalla de inicio, desde iOS 16.4.
¿Cuál es más barata: PWA o app nativa?
Depende del alcance. Una PWA comparte una base de código entre dispositivos, lo que suele reducir trabajo; pide cotizaciones con alcance cerrado para comparar con datos reales.
