JD.ID mejora su porcentaje de conversiones móviles en un 53% con estrategias de almacenamiento en caché, instalación y notificaciones push

Cómo JD.ID aumentó su porcentaje de conversiones móviles general (mCVR) en un 53%, el mCVR de los usuarios instalados en un 200% y los usuarios activos por día en un 26%

JD.ID es una plataforma de comercio electrónico en Indonesia que proporciona servicios de entrega para una amplia variedad de productos, como dispositivos electrónicos, electrodomésticos, ropa, accesorios de moda y productos deportivos. JD.ID, que opera en más de 350 ciudades de Indonesia, quería expandir aún más su presencia en línea enfocándose en el rendimiento y en una sólida experiencia independiente de la red para su app web progresiva (AWP). Con esta experiencia mejorada, JD.ID pudo aumentar su porcentaje de conversiones móviles (mCVR) general en un 53%, su mCVR de usuarios instalados en un 200% y sus usuarios activos por día en un 26%, lo que logró convertirse en la empresa de comercio electrónico más popular y confiable del país.

Capturas de pantalla de un usuario instalando la AWP de JD.ID

Destacar la oportunidad

Para superar la inestabilidad de las redes móviles en Indonesia debido a la gran cantidad de operadores, JD.ID buscaba una solución que mantuviera el rendimiento de su sitio web y la experiencia del usuario en todo momento, además de resolver cualquier problema de almacenamiento en caché local. La empresa observó un gran potencial de adquisición de usuarios que habían visitado el sitio web, pero que no habían descargado la app para iOS o Android. Para aprovechar esta oportunidad, usó las prácticas recomendadas de AWP con el objetivo de ayudar a crear una UX similar a la de la app en su sitio web a fin de mejorar la participación, con un enfoque en la resiliencia de la red para la confiabilidad.

El enfoque

Estrategias de almacenamiento en caché

Para mitigar los problemas de red y mejorar la experiencia del usuario, el equipo de JD.ID usó Workbox para garantizar que su AWP tenía un buen rendimiento, incluso cuando el usuario no tenía conexión o tenía una red con problemas. Workbox facilitó la ejecución de la estrategia de almacenamiento en caché de la AWP, que consistía en 3 partes:

  • Red primero y recurrir a la caché: Esta estrategia tiene como objetivo obtener una respuesta de la red primero. Cuando se recibe una respuesta, la pasa al navegador y la guarda en una caché. Si la solicitud de red falla, se usará la última respuesta almacenada en caché. JD.ID aplicó esta estrategia a la página principal para garantizar que los usuarios puedan acceder a ella incluso si no tienen conexión.
  • Caché primero, recurre a la red: Esta estrategia verifica primero la caché en busca de una respuesta y la usa si está disponible. De lo contrario, el sitio web de JD.ID se dirige a la red, almacena en caché la respuesta y, luego, la pasa al navegador. Cuando se instale el service worker, los recursos estáticos de la página principal, la página de resguardo sin conexión (que se explica a continuación), la página de categorías, la página del producto, el carrito de compras y la página de liquidación se almacenarán en la caché del usuario con anticipación. Cuando el usuario se dirige a cualquiera de estas páginas, esta estrategia de almacenamiento en caché garantiza que el navegador obtenga los archivos de recursos estáticos directamente de la caché, lo que mejora la velocidad de carga de esas páginas críticas.
  • Solo de red: Esta estrategia obliga a que la respuesta provenga solo de la red. JD.ID usa esta estrategia para el carrito de compras y la página de liquidación porque esas páginas requieren una precisión de datos muy alta.

Workbox también permite que JD.ID configure reglas de enrutamiento, la duración predeterminada de los tiempos de espera de las solicitudes, la cantidad de respuestas que se pueden almacenar en la caché y el tiempo que se deben almacenar las respuestas.

Página de resguardo sin conexión

El equipo de JD.ID creó una página de resguardo sin conexión para brindar a los usuarios una experiencia coherente y mejorar el desarrollo de la marca del sitio web. También agregaron un manifiesto de aplicación web que permite a los usuarios instalar fácilmente la aplicación web en sus dispositivos móviles.

Captura de pantalla de la página de resguardo sin conexión

Notificaciones push

Además, para volver a generar participación, JD.ID implementó notificaciones push con Firebase Cloud Messaging para la Web y las aplicó específicamente durante los eventos promocionales de ofertas de productos.

Capturas de pantalla de la habilitación de notificaciones push

Resultados generales de la empresa

  • El porcentaje de conversiones móviles (mCVR) general mejoró un 53%
  • El mCVR de los usuarios que instalaron la AWP de JD.ID mejoró un 200%
  • La cantidad de usuarios activos por día provenientes de plataformas para dispositivos móviles aumentó un 26% debido a un incremento en la participación de los usuarios provenientes de las notificaciones push.
Las estadísticas de impacto.

Nuestro negocio está creciendo rápidamente y nos enfocamos más en mejorar la experiencia del usuario. Nuestro objetivo es convertirnos en la empresa de comercio electrónico más popular y confiable, y luchamos constantemente por ofrecer servicios y una variedad de productos a todos los usuarios y clientes de Indonesia. El rendimiento web y la AWP son una parte fundamental de nuestra UX y de nuestra estrategia general, y seguiremos invirtiendo en esas áreas.

Fengxian Liu, gerente de Ingeniería Web, JD.ID

Consulta la página de casos de éxito de Scale on Web para conocer más historias de éxito de India y el Sudeste Asiático.