O novo PWA também tem um tempo médio de carregamento 30% mais rápido do que o site antigo, e a taxa de rejeição melhorou em 12% e a profundidade de sessão em 18%.
A Orange Polska S.A., parte do grupo internacional Orange Group, é uma provedora líder 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 fornecemos serviços de TI e integração, linhas alugadas e outros equipamentos e serviços de valor agregado de telecomunicações.
Desafio
Todos nós sabemos aquela sensação de ansiedade que se transforma em irritação quando um site demora muito para carregar. Para empresas digitais com pouca ou nenhuma presença física, o impacto disso é óbvio, especialmente quando se trata de apps para dispositivos móveis, em que nossa pesquisa interna mostra claramente que o único motivo mais importante para a desativação do app é a velocidade. No entanto, se você opera em um setor estabelecido, como nós, com uma forte estratégia física para canais de distribuição, o impacto da velocidade digital não é tão óbvio, porque o digital não é a única fonte das nossas vendas. Isso torna ainda mais desafiador persuadir os executivos a investir em velocidade.
Ao fazer uma proposta para nossos executivos, fortalecemos nosso caso recorrendo aos nossos dados de desempenho histórico no Google Analytics para mostrar claramente a correlação entre o tempo de carregamento e as taxas de conversão. Com fatos concretos e frios, conseguimos mostrar que cada segundo adicional do tempo de carregamento da página resultou em uma receita e vendas de 15% a 20% menores.
Abordagem
Decidimos criar um Progressive Web App (PWA). Nós nos concentramos especificamente no tráfego móvel, porque mais de 75% dos clientes usam nosso site em um dispositivo móvel. A equipe se concentrou igualmente em melhorar os indicadores principais de desempenho e proporcionar uma experiência mais envolvente e atraente.
Lançamos uma nova equipe Scrum multifuncional (incluindo profissionais de TI, negócios e UX) com o objetivo de fornecer uma prova de conceito para responder às seguintes perguntas:
- Somos capazes de reduzir efetivamente o tempo de carregamento, respeitando nossas limitações significativas do legado?
- Qual será o impacto real na conversão e na receita?
Escolhemos o Next.js devido às muitas otimizações 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), a pré-busca de dados e a divisão de código. Outra consideração importante foi que o Next.js nos permitiu migrar as páginas uma a uma, sem introduzir problemas em nossos aplicativos legados. No entanto, tivemos que gerenciar a transformação em um ambiente complexo onde ainda dependíamos de sistemas legados, resultando na indisponibilidade do serviço. Para resolver isso, temos o Workbox integrado para que nosso site sempre estivesse disponível, mesmo se o back-end estivesse inativo. O Workbox também nos proporcionou bons aumentos de desempenho graças às soluções integradas para pré-armazenamento em cache, roteamento de solicitações e armazenamento em cache no ambiente de execução.
Resultados
Nosso novo PWA tem um tempo médio de carregamento 30% mais rápido do que o site antigo, a conversão em dispositivos móveis aumentou 52%, a taxa de rejeição melhorou 12% e a profundidade da sessão melhorou 18%. Essa experiência confirmou a direção estratégica de transformação de todas as soluções voltadas para o cliente (incluindo front-ends de autocuidado e vendedor) para a tecnologia PWA.