PWA e Instalación de Apps

El navegador emite beforeinstallprompt cuando la PWA es instalable, pero el mini-infobar nativo aparece en el peor momento con tasas de conversión menores al 2%. Captura y pospón el evento, luego desencadénalo desde tu propio botón contextual. Registra siempre si el usuario aceptó o rechazó para alimentar analytics y tomar decisiones de retargeting.

El navegador solo habilita la instalación cuando los tres requisitos se cumplen simultáneamente: manifest con campos obligatorios, HTTPS activo, y un service worker con al menos un fetch handler. La ausencia de cualquiera bloquea el flujo completo. Los íconos con purpose maskable aumentan la tasa de instalación completada en Android un 9% al integrarse en adaptive icons.

El momento de presentar la invitación a instalar determina si el usuario la percibe como ayuda o interrupción. El primer load es el peor momento: el usuario no sabe aún si la app vale la pena. Disparar el prompt justo después de una acción de valor completada multiplica la tasa de aceptación hasta 3x. Implementa back-off exponencial para rechazos: 7 días, 30 días, y luego no volver a mostrar.

El diálogo nativo de instalación no explica beneficios ni muestra capturas de pantalla. Tu UI de instalación debe vender el valor antes de activar el diálogo del sistema. Agregar capturas de pantalla en el Web App Manifest activa una pantalla enriquecida en Chrome Android que aumenta la aceptación un 20%. El CTA debe comunicar beneficio, no mecanismo: "Añadir a pantalla de inicio" gana a "Instalar PWA".

El momento posterior a la instalación es el de mayor receptividad: la app está en la pantalla de inicio y el usuario tiene expectativas activas. Detecta el primer launch en modo standalone y muestra un onboarding de máximo 3 pasos enfocado en capacidades exclusivas de la versión instalada. Los usuarios que completan este tour tienen tasas de retención a 30 días 2.4x más altas que quienes no reciben guía.

La página offline es el componente más descuidado de las PWA y se deja con el mensaje de error genérico del navegador. Una offline page bien diseñada muestra el logo de la app, lista de secciones disponibles en caché y detecta la reconexión automáticamente vía window.addEventListener('online', reload). Las offline pages con contenido cacheado navegable reducen el bounce en sesiones sin conexión un 40%.

Cuando el service worker detecta una nueva versión, forzar el update sin avisar puede resetear el estado del usuario en medio de un formulario. El balance correcto: un banner no intrusivo donde el usuario elige cuándo actualizar, enviando SKIP_WAITING al hacer clic. Reservar el modal bloqueante exclusivamente para actualizaciones de seguridad críticas con explicación del motivo. Las apps que sugieren en vez de forzar reportan 15% menos tickets de soporte por "la app se cayó sola".

Safari en iOS no implementa beforeinstallprompt: la única forma de instalar una PWA es que el usuario siga pasos manuales desde el menú Compartir. Detecta iOS + no-standalone y muestra un bottom sheet con ilustración del ícono nativo de Share y los tres pasos exactos. Mostrar estas instrucciones sube la tasa de instalación en Safari del 0.3% (sin instrucciones) al 4.1% (con bottom sheet ilustrado).