La AWP de Twitter Lite aumenta significativamente la participación y reduce el uso de datos

Detalle de Twitter

Twitter es una plataforma para descubrir qué está pasando en el mundo. Cuenta con 328 millones de usuarios activos por mes en todo el mundo que consumen, crean y comparten información. Con más del 80% de los usuarios en dispositivos móviles, Twitter quería que su experiencia web móvil fuera más rápida, confiable y atractiva. La app web progresiva de Twitter Lite combina lo mejor de la Web moderna y las funciones nativas. En abril de 2017, se convirtió en la experiencia predeterminada de la Web móvil para todos los usuarios de todo el mundo. Twitter desarrolló Twitter Lite para ofrecer una experiencia más sólida, con objetivos explícitos de carga instantánea, participación del usuario y menor consumo de datos.

  • Aumento del 65% en las páginas por sesión
  • 75% de aumento en los tuits enviados
  • El porcentaje de rebote disminuyó un 20%.

Twitter Lite ahora es la forma más rápida, menos costosa y más confiable de usar Twitter. La aplicación web compite con el rendimiento de nuestras aplicaciones nativas, pero requiere menos del 3% del espacio de almacenamiento del dispositivo en comparación con Twitter para Android.

Nicolas Gallagher, director de Ingeniería de Twitter Lite

Aumento de la participación con el mensaje “Agregar a la pantalla principal” y notificaciones push web

El sitio web de Twitter llega a millones de usuarios, pero siempre ha sido difícil volver a atraer a los usuarios en la Web móvil. Después de implementar el mensaje "Agregar a la pantalla principal" en el que se les solicitaba a los usuarios que guardaran Twitter Lite en la pantalla principal, en Twitter se observaban 250,000 usuarios diarios únicos que inician Twitter Lite desde la pantalla principal 4 veces al día, en promedio.

Twitter implementó notificaciones push web que funcionan igual que las de las aplicaciones nativas y llegan incluso si el navegador del usuario está cerrado. La implementación entrega más de 10 millones de notificaciones push al día.

Disminuye el consumo de datos

Twitter Lite usa menos datos de forma predeterminada, entrega recursos multimedia más pequeños y depende tanto de los datos almacenados en caché como sea posible. La AWP también optimiza las imágenes para ayudar a reducir el consumo de datos hasta en un 70%, a medida que los usuarios se desplazan por sus cronogramas. El modo de Ahorro de datos ayuda a los usuarios a conservar aún más datos móviles, ya que les da control sobre cuándo Twitter Lite descarga los elementos multimedia.

Para Twitter, es importante llegar a un amplio conjunto de usuarios, incluidos los de mercados emergentes, donde las velocidades de descarga más bajas y los dispositivos móviles menos potentes son comunes. Twitter Lite ayuda a llegar a este público de manera más eficaz, ya que permite que Twitter sea más rápido y fácil de usar en condiciones de poco ancho de banda.

Los usuarios de Twitter Lite se benefician del ahorro de consumo de datos, ya que la AWP pesa solo 600 KB, en comparación con los 23.5 MB de datos descargados necesarios para instalar la app para Android nativa.

Carga casi instantánea con las secuencias de comandos del service worker

Las primeras cargas de Twitter Lite tardan menos de 5 segundos en conectarse a redes 3G en la mayoría de los dispositivos, y las cargas posteriores son casi instantáneas, incluso en redes inestables. La app transmite la respuesta HTML inicial al navegador y envía instrucciones para precargar los recursos críticos. Los recursos se dividen en partes detalladas a fin de que la carga inicial solo requiera los recursos necesarios para la pantalla visible. Una secuencia de comandos de service worker almacena en caché recursos adicionales, lo que permite una navegación rápida a otras pantallas.

Los dispositivos móviles representan más del 80% del uso de Twitter, y muchos usuarios de Twitter Lite llegan al sitio a través de redes 2G o 3G. Una experiencia del usuario rápida en la primera carga y en las vistas posteriores es esencial para que los usuarios puedan ver y crear tweets lo más rápido posible. Twitter implementó estrategias de carga inteligentes, como service workers y partes del patrón PRPL (push, procesamiento, almacenamiento previo en caché y carga diferida) a fin de reducir drásticamente los tiempos de carga de ambas actividades. Las visitas repetidas son casi instantáneas gracias al servicio de almacenamiento en caché de las vistas actuales, las actualizaciones del feed, las notificaciones, los mensajes y la configuración. Los usuarios de Twitter Lite experimentan una reducción del 50% en la latencia de tiempo de interacción del percentil 99, y los usuarios que acceden a sus cuentas tienen una reducción del 30% en el tiempo de carga promedio.

Twitter adoptó un enfoque incremental con el objetivo de aprovechar service workers para la resiliencia de red y sin conexión, comenzando con una página personalizada sin conexión que se presenta cada vez que una conexión de red no está disponible. Luego, hicieron la transición al almacenamiento en caché sin conexión de recursos estáticos, como CSS, imágenes y paquetes de JavaScript, para acelerar las visitas repetidas. Por último, agregó compatibilidad para el almacenamiento en caché sin conexión de su shell de aplicación. Como resultado, Twitter Lite se inicia en menos de 3 segundos cuando un usuario vuelve a la AWP, incluso en redes o dispositivos móviles lentos.

Material de lectura adicional