O novo PWA também tem um tempo médio de carregamento 30% mais rápido do que o site antigo e melhorou a taxa de rejeição em 12% e a profundidade da sessão em 18%.
A Orange Polska S.A. (parte do grupo internacional Orange) é uma das principais provedoras de serviços de telecomunicações na Polônia, incluindo serviços de telecomunicações móveis e fixos, como voz, dados, acesso à Internet e televisão. Também oferecemos serviços de TI e integração, linhas dedicadas e outros serviços e equipamentos de telecomunicações de valor agregado.
Desafio
Todos nós conhecemos aquela sensação de ansiedade que se transforma em irritação quando um site demora para carregar. Para empresas digitais com pouca ou nenhuma presença física, o impacto disso é óbvio, especialmente em apps para dispositivos móveis, em que nossa pesquisa interna mostra claramente que o motivo mais importante para a desinstalação de apps é a velocidade. No entanto, se você opera em um setor estabelecido como o nosso, com uma estratégia forte de lojas físicas para canais de distribuição, o impacto da velocidade digital não é tão óbvio, porque o digital não é a única fonte de vendas. Isso torna ainda mais difícil convencer os executivos a investir na velocidade.
Ao apresentar o caso aos nossos executivos, fortalecemos nosso argumento usando os dados de desempenho históricos no Google Analytics para mostrar claramente a correlação entre o tempo de carregamento e as taxas de conversão. Com fatos concretos, conseguimos mostrar que cada segundo adicional de tempo de carregamento da página resultava em 15 a 20% menos receita e vendas.
Abordagem
Decidimos criar um Progressive Web App (PWA). Focamos especificamente no tráfego de dispositivos móveis porque mais de 75% dos clientes usam nosso site em um dispositivo móvel. A equipe se concentrou igualmente em melhorar os principais indicadores de desempenho e oferecer uma experiência mais envolvente e atraente.
Lançamos uma nova equipe de scrum multifuncional (incluindo profissionais de TI, negócios e UX) com o objetivo de apresentar uma prova de conceito para responder às seguintes perguntas:
- É possível reduzir o tempo de carregamento de forma eficaz, respeitando nossas limitações legado significativas?
- Qual será o impacto real na conversão e na receita?
Escolhemos o Next.js por causa das muitas otimizações que são ativadas por padrão ou fáceis de configurar, como a renderização automática do lado do servidor (que é especialmente importante para nosso SEO), o pré-carregamento de dados e a divisão de código. Outra consideração importante para nós foi que o Next.js nos permitiu migrar as páginas uma por uma sem causar problemas nos nossos aplicativos legados. No entanto, tivemos que gerenciar a transformação em um ambiente complexo em que ainda dependíamos de sistemas legados, o que resultou na indisponibilidade do serviço. Para corrigir isso, integramos o Workbox para que nosso site ficasse sempre disponível, mesmo que o back-end estivesse inativo. O Workbox também nos deu bons aumentos de desempenho graças às soluções integradas para pré-armazenamento em cache, roteamento de solicitações e armazenamento em cache de tempo de execução.
Resultados
O tempo médio de carregamento da nossa nova PWA é 30% mais rápido do que o do site antigo. A conversão em dispositivos móveis aumentou 52%, a taxa de rejeição melhorou 12% e a profundidade da sessão aumentou 18%. Essa experiência confirmou a direção estratégica para transformar todas as soluções voltadas ao cliente (incluindo autoatendimento do cliente e front-ends de vendedores) para a tecnologia PWA.