Las PWA combinan lo mejor de las aplicaciones web y nativas. Las empresas globales lo han adoptado y han obtenido resultados impresionantes. Esta guía presenta ejemplos e historias de éxito con Progressive Web Apps.
¿Qué es PWA?
Definición
Sitios que se comportan como aplicaciones nativas.
Características
- Instalable en la pantalla de inicio.
- Funciona sin conexión
- Notificaciones push
- Experiencia de aplicación
Tecnologías
Trabajadores de servicios, manifiesto de aplicación web, HTTPS.
Historias de éxito
Twitter Lite
- Aumento del 65% en páginas por sesión
- Aumento del 75% en tweets
- Disminución del 20% en la tasa de rebote
- Aplicación de 1 a 3 MB frente a 25 MB o más nativa
- +40% de tiempo en el sitio
- +44% de ingresos publicitarios
- +60% de compromiso principal
- PWA aplicación reemplazada en los navegadores
###Starbucks
- 99,84% más pequeño que la aplicación iOS
- 2x usuarios diarios
- Funciona sin conexión
- Órdenes sin conexión
Uber
- Aplicación principal de 50 kb
- Conectividad 2G compatible
- Tiempo de carga de 3 segundos en 2G
- Mercados emergentes
###Trivago
- +150% de participación
- +97% de clics para ofertas
- -50% de tasa de rebote
###Forbes
- 43% más sesiones
- Finalización de artículo 6x
- 20% más de impresiones de anuncios
###Alibaba
- +76% de conversiones del navegador
- 4x interacciones a través de Agregar a la pantalla de inicio
- 30% más de usuarios activos mensuales
Comercio electrónico
Flipkart
- 3 veces más tiempo en el sitio web
- Tasa de reincorporación un 40% más alta
- 70% más de conversión de Agregar a Inicio
Lancôme
- +17% de conversiones móviles
- +53% de sesiones móviles iOS
- -15% de tasa de rebote
OLX
- +250% más de reincorporación
- +80% de conversión
- -80% tamaño
Medios y Noticias
Correo de Washington
- AMP + PWA
- 88% de mejora en el tiempo de carga
- Aumento del 23% en usuarios recurrentes
Tiempos financieros
- Primera publicación importante en adoptar
- Experiencia similar a una aplicación
- Funciona sin conexión
Viajes y hospitalidad
HazMiViaje
- +3x conversiones
- +160% sesiones
- +30% de retención
Vamos
- +26% de conversión móvil
- +95% de rendimiento
- Notificaciones push efectivas
Características comunes
Rendimiento
Todos se centraron en la velocidad.
###Sin conexión
Caché de contenido esencial.
Instalación
Agregar al mensaje de la pantalla de inicio.
###Empujar
Reincorporación a través de notificaciones.
Mercados emergentes
Muchos se centraron en malas conexiones.
Métricas de éxito
Compromiso
Tiempo, páginas, acciones.
Conversión
Compras, altas, leads.
Retención
Usuarios recurrentes.
Rendimiento
Velocidad de carga.
###Tamaño
Ahorro de datos.
Segmentos ideales
Comercio electrónico
Experiencia de compra móvil.
Noticias
Lectura sin conexión, notificaciones.
Viajes
Funciona sobre la marcha.
Entrega
Pedidos rápidos.
Productividad
Herramientas ligeras.
Limitaciones observadas
iOS
Menos funciones que Android.
Empujar en iOS
Sólo recientemente apoyado.
Descubrimiento
No está en las principales tiendas de aplicaciones.
Funciones nativas
Algunas API no están disponibles.
Cuando PWA brilla
Mercados emergentes
Conexiones lentas, dispositivos débiles.
Informativo
Contenido para consumo.
Transaccional simple
Compras, reservas.
Presupuesto limitado
Una base de código para todos.
Implementación
Auditoría
Faro para consultar requisitos.
Trabajador de servicio
Caché de activos y datos.
Manifiesto de aplicación web
Metadatos para la instalación.
HTTPS
Obligatorio.
Conclusión
Las PWA demuestran resultados impresionantes en casos del mundo real. Las empresas que invirtieron vieron mejoras significativas en el compromiso, la conversión y el rendimiento. PWA es una opción viable para muchos casos de uso.
##Preguntas frecuentes
1) ¿PWA reemplaza la aplicación nativa? En algunos casos, sí. Para otros, complementa.
2) ¿Qué caso es más impresionante? Twitter Lite y Starbucks son referencias frecuentes.
3) ¿PWA funciona bien en iOS? Ha mejorado mucho, pero Android sigue siendo mejor.
4) ¿Necesito conocimientos especiales? Los desarrolladores web pueden aprender. No es tan difícil.
5) ¿PWA es bueno para mi negocio? Si tiene sentido en la web móvil, probablemente sí.