Descubre cómo un equipo pequeño logró grandes logros creando una PWA de mercado atractiva.
OpenSooq, con sede en Amán, Jordania, es un mercado de anuncios clasificados que prioriza los dispositivos móviles y ofrece una amplia variedad de productos y servicios en 19 países del Medio Oriente y el norte de África.
El desafío
Más del 85% del tráfico de OpenSooq proviene de dispositivos móviles, y esa cifra sigue aumentando. Muchas personas de la región dependen de dispositivos de gama baja con capacidades de almacenamiento limitadas, lo que genera una gran necesidad de que el sitio móvil de OpenSooq sea lo más rápido y ligero posible. Sin embargo, los tiempos de carga lentos en el sitio móvil anterior de OpenSooq afectaban la satisfacción del cliente y generaban porcentajes de rebote tan altos como el 49% en mercados como Kuwait.
Para ofrecer a sus clientes una experiencia más coherente en todas las plataformas, la empresa se dio cuenta de que necesitaba un sitio web más rápido y responsivo. Por lo tanto, en junio de 2017, el equipo de Ingeniería de OpenSooq lanzó una aplicación web progresiva (AWP).
Enfoque en el rendimiento y la confiabilidad
Los tres desarrolladores internos de OpenSooq pudieron compilar una AWP con todas las funciones con React y webpack en solo dos meses y medio.
Para garantizar que el sitio fuera rápido y fácil de indexar por los motores de búsqueda, el equipo decidió implementar la renderización del servidor. Dado que casi el 28% de sus usuarios accedía a la AWP a través de redes 2G o 3G irregulares, era fundamental que los usuarios confiaran en que la experiencia funcionaría, independientemente de las limitaciones de la red. Por lo tanto, el equipo implementó una experiencia sin conexión con trabajadores en segundo plano y una estrategia de caché primero y, luego, red. También usaron el patrón PRPL para brindarles a los usuarios una carga instantánea.
Con la adopción de estas prácticas recomendadas, el equipo pudo reducir el tiempo de carga promedio de la página (tiempo de carga interactivo) de 4 segundos a menos de 2 segundos. Además, usaron Lighthouse para asegurarse de que el sitio se mantuviera tan rápido. Esos esfuerzos ayudaron a OpenSooq a alcanzar más de 1,800 millones de vistas de página por mes.
Más de una cuarta parte de nuestros usuarios acceden a la AWP de OpenSooq desde redes de gama baja-media, por lo que la confiabilidad fue esencial para mantener la participación de esos usuarios. Los trabajadores del servicio y las estrategias de almacenamiento en caché nos ayudaron a crear la experiencia del usuario confiable que necesitábamos sin problemas.
Amin Shoman, gerente técnico de AWP, OpenSooq
Mejora la reactivación de la participación
Después de crear una experiencia confiable y de alto rendimiento, el equipo de OpenSooq quería asegurarse de que sus usuarios siguieran interactuando con el producto. Para ello, permitieron que los usuarios instalaran la AWP en su pantalla principal y agregaron compatibilidad con notificaciones significativas. Esto permitió que el sitio notificara a los compradores sobre la interacción del vendedor en las consultas y a los vendedores sobre la activación y el vencimiento de los anuncios.
Estas mejoras aumentaron en un 14% los usuarios activos por mes de la experiencia web de OpenSooq. En el caso de los usuarios que instalaron la AWP, se registró un aumento del 48% en la cantidad de visitas a la página por sesión y un aumento del 28% en la duración promedio de la sesión. OpenSooq también observó un aumento del 25% en el tiempo promedio que los usuarios pasan en una página y una disminución del 29% en los porcentajes de rebote promedio en todos los mercados.
Con la mirada puesta en el futuro
Después de unas pocas semanas de esfuerzo, OpenSooq creó una AWP de 23 KB con todas las funciones que ofrece una experiencia coherente a los usuarios en todas las plataformas y navegadores. Y, como es fácil actualizar las funciones en la Web, el equipo priorizó la PWA y lanzó y probó nuevas funciones y flujos de usuarios en ella antes de lanzarlas a otras plataformas.
OpenSooq ahora está trabajando para agregar un mensaje de instalación específico de la plataforma y para integrar la AWP con Accelerated Mobile Pages (AMP). Estas mejoras acelerarán aún más las cargas de páginas y harán que la transición a la app específica de la plataforma sea lo más fluida posible. Si se basa en los fundamentos de su esfuerzo de desarrollo inicial, el equipo de OpenSooq seguirá brindando a sus usuarios la mejor experiencia posible.
La importancia de desarrollar nuestra AWP fue clara para los equipos de liderazgo y técnicos. Después de compilar una app web moderna y mejorar su rendimiento, nos entusiasma ver el impacto comercial de nuestra inversión de 2.5 meses.
Ramzi Alqrainy, director de Tecnología, OpenSooq