La nueva AWP también tiene un tiempo de carga promedio un 30% más rápido que el sitio anterior y mejoró el porcentaje de rebote en un 12% y la profundidad de sesión en un 18%.
Orange Polska S.A. (parte del Orange Group internacional) es un proveedor líder de servicios de telecomunicaciones en Polonia, que incluye servicios de telecomunicaciones móviles y fijas, como voz, datos, acceso a Internet y televisión. También proporcionamos servicios de integración y TI, líneas arrendadas y otros servicios y equipos con valor agregado para las telecomunicaciones.
Desafío
Todos conocemos esa sensación de ansiedad que se convierte en irritación cuando un sitio web tarda mucho en cargarse. En el caso de las empresas digitales con poca o ninguna presencia física, el impacto de esto es obvio, especialmente cuando se trata de apps para dispositivos móviles, en las que nuestra investigación interna muestra con claridad que la razón más importante de la desinstalación de apps es la velocidad. Sin embargo, si operas en un sector establecido como nosotros con una estrategia física sólida para los canales de distribución, el impacto de la velocidad digital no es tan obvio, porque los medios digitales no son la única fuente de nuestras ventas. Esto hace que sea aún más difícil persuadir a los ejecutivos para que inviertan en velocidad.
Cuando realizamos la presentación a nuestros ejecutivos, reforzamos nuestro caso. Para ello, recurrimos a los datos históricos de rendimiento de Google Analytics a fin de mostrar con claridad la correlación entre el tiempo de carga y los porcentajes de conversiones. Con datos concretos y poco claros, pudimos demostrar que cada segundo adicional de tiempo de carga de la página generó entre un 15% y un 20% menos de ingresos y ventas.
Enfoque
Decidimos compilar una app web progresiva (AWP). Nos enfocamos en el tráfico móvil porque más del 75% de los clientes usan nuestro sitio web a través de un dispositivo móvil. El equipo se enfocó igualmente en mejorar los indicadores clave de rendimiento y en ofrecer una experiencia más atractiva y atractiva.
Lanzamos un nuevo equipo de Scrum multifuncional (que incluye profesionales de TI, negocios y UX) con el objetivo de entregar una prueba de concepto para responder las siguientes preguntas:
- ¿Podemos reducir de manera eficaz el tiempo de carga y, al mismo tiempo, respetar nuestras limitaciones importantes heredadas?
- ¿Cuál será el impacto real en las conversiones y los ingresos?
Elegimos Next.js debido a sus numerosas optimizaciones habilitadas de forma predeterminada o que son fáciles de configurar, como la renderización automática del servidor (que es especialmente importante para nuestra SEO), la carga previa de datos y la división de código. Otra consideración clave para nosotros fue que Next.js nos permitió migrar páginas una por una sin introducir ningún problema en nuestras aplicaciones heredadas. Sin embargo, tuvimos que administrar la transformación en un entorno complejo en el que seguíamos dependiendo de los sistemas heredados, lo que provocaba que el servicio no estuviera disponible. Para solucionar este problema, integramos Workbox para que nuestro sitio web esté siempre disponible, incluso si el backend no estaba disponible. Workbox también mejoró el rendimiento gracias a sus soluciones integradas para el almacenamiento previo en caché, el enrutamiento de solicitudes y el almacenamiento en caché del entorno de ejecución.
Resultados
Nuestra nueva AWP tiene un tiempo de carga promedio un 30% más rápido que el sitio anterior, la conversión en dispositivos móviles aumentó un 52%, el porcentaje de rebote mejoró un 12% y la profundidad de sesión mejoró un 18%. Esta experiencia confirmó la dirección estratégica para transformar todas las soluciones orientadas al cliente (incluidos el cuidado personal del cliente y los frontends de ventas) en la tecnología de AWP.