Todos os meses, a Mynet oferece mais de 34 milhões de visitantes ao site com conteúdo e serviços de notícias, vídeos, jogos, financeiros, informativos e de entretenimento. Depois de lançar um Progressive Web App (PWA) que usa Accelerated Mobile Pages (AMP) para conteúdo, houve uma redução de quatro vezes no tempo médio de carregamento da página. Além disso, a Mynet observou um aumento significativo no engajamento do usuário, com o tempo médio gasto no site para dispositivos móveis aumentando 43%.
- receita 25% maior por visualização de página do artigo
- Velocidade média de carregamento de página 4 vezes mais rápida
- 43% maior tempo no site
- 34% mais visualizações de página por sessão
- Redução de 24% nas taxas de rejeição
Desafio
Com mais de 85% do tráfego de dispositivos móveis proveniente da Web para dispositivos móveis, o site móvel da Mynet é uma parte indispensável da estratégia. No entanto, ela percebeu que os usuários passaram duas vezes menos tempo no site móvel do que os usuários do app nativo. Quando a Mynet analisou o comportamento do usuário no site móvel, ficou claro que a experiência na Web para dispositivos móveis era muito lenta. A Mynet precisava criar um site para dispositivos móveis extremamente rápido e envolvente, semelhante ao que poderia ser alcançado com um app nativo.
Solução
Para impulsionar o tráfego e o reengajamento simultaneamente, a Mynet lançou um PWA que usa AMP para oferecer uma experiência rápida e semelhante a um app na Web para dispositivos móveis. Com essa configuração, as páginas do artigo carregavam quatro vezes mais rápido em comparação com o site móvel antigo. Isso levou a uma redução correspondente de 24% nas taxas de rejeição. A Mynet também observou uma correlação entre velocidade e engajamento, já que os usuários começaram a passar 43% mais tempo no site. Eles também tiveram um aumento de 34% nas visualizações de página por sessão. Tudo isso foi feito em várias etapas:
Como começar rapidamente com AMP
Primeiro, a Mynet criou compatibilidade com os próprios artigos, que foram veiculados como páginas AMP independentes. Isso permite mostrar resultados no carrossel de AMP nos resultados da pesquisa do Google. Além disso, eles oferecem um excelente desempenho de carregamento de página para os usuários que navegam pelo conteúdo na Web para dispositivos móveis, o que é essencial em redes limitadas ou instáveis. Lançar páginas AMP independentes não foi um grande desafio para o sistema de CMS (sistema de gerenciamento de conteúdo), e levou apenas duas semanas para lançar todo o conteúdo do artigo em AMP.
Para garantir que os anúncios fossem veiculados da forma mais rápida e eficiente possível, a Mynet lançou os anúncios AMP. Eles carregam até duas vezes mais rápido que os anúncios padrão, com taxas de cliques (CTR) e receita aumentando em até 30%.
Mais agilidade e reengajamento com o PWA
Em seguida, a Mynet queria melhorar o site para dispositivos móveis, então criou uma versão Beta separada de seu site móvel com tecnologias PWA. A empresa buscou essas tecnologias para fornecer uma experiência do usuário (UX) mais parecida com o app, em vez de atualizar minimamente o site subjacente. Em particular, a equipe aproveitou os service workers para garantir um desempenho confiável em redes instáveis e a solicitação do usuário "Adicionar à tela inicial" e notificações push para reengajamento. Ela criou o melhor PWA da categoria com uma pontuação de desempenho do Lighthouse de 95/100. O Lighthouse é uma ferramenta automatizada para melhorar a qualidade das páginas da Web que podem ser executadas em qualquer página da Web.
AMP e PWAs funcionam melhor juntos
Depois de testar AMP e PWAs como versões independentes e otimizar o desempenho, a Mynet estava pronta para passar para o último estágio da criação de uma solução unificada para o site móvel. A inserção de páginas de conteúdo AMP no PWA agregou velocidade e usabilidade no novo site móvel. Depois que o site AMP/PWA combinado foi lançado, a Mynet reduziu o número de versões de produção na Web pela metade (dispositivos móveis e computadores), diminuindo o número de implementações necessárias para manter e melhorar o código.
Por que usar uma solução combinada de AMP/PWA? A AMP oferece excelente desempenho de carregamento da primeira página na Web para dispositivos móveis, enquanto os PWAs tornam as visitas repetidas rápidas e confiáveis. Graças à solicitação "Add to Home Screen" e às notificações push, os PWAs também permitem que os sites aumentem o reengajamento dos usuários. Juntas, essa estratégia permite que Mynet ofereça experiências de alta qualidade na primeira visita ou nas visitas repetidas, independentemente da condição da rede.
Cerca de 30% dos visitantes do site para dispositivos móveis da Mynet usam um dispositivo iOS. A Mynet teve um aumento de 15% na média de visualizações de página por sessão e uma redução de 23% na taxa de rejeição no iOS, tudo isso mesmo com as opções "Adicionar à tela inicial", notificações push e o armazenamento em cache off-line indisponível devido à falta de suporte para o service worker no iOS. Esse aumento no engajamento é resultado das melhorias de velocidade e interface do usuário (interface) oferecidas pelo PWA baseado em AMP.
O impacto geral do uso de AMP no PWA é um aumento de 25% na receita de publicidade por visualização de artigo.
Com um novo foco na velocidade, decidimos integrar as AMPs e criar um App Web Progressivo. A tecnologia AMP era importante para reduzir o abandono de páginas, e agora notamos que as páginas AMP carregam quatro vezes mais rápido. Ao criar um PWA, conseguimos paridade de recursos com nosso app, e os usuários agora passam 43% mais tempo no site e se engajam mais com ele.
M) Fuat Seker, gerente de desenvolvimento comercial e grupo de produtos da Mynet
Resultados adicionais
- Tempo de carregamento duas vezes mais rápido com os anúncios AMP
- Aumento de 30% na CTR e na receita com os anúncios AMP
- 15% de aumento na média de visualizações de página por sessão no iOS
- Taxas de rejeição 23% mais baixas no iOS