O Twitter é uma plataforma para descobrir o que está acontecendo no mundo. Ele tem 328 milhões de usuários ativos por mês em todo o mundo que consomem, criam e compartilham informações. Com mais de 80% dos usuários em dispositivos móveis, o Twitter queria que a experiência na Web para dispositivos móveis fosse mais rápida, confiável e interessante. O Progressive Web App do Twitter Lite combina o melhor da Web moderna com recursos nativos. Ele se tornou a experiência padrão da Web para dispositivos móveis para todos os usuários do mundo todo em abril de 2017. O Twitter desenvolveu o Twitter Lite para oferecer uma experiência mais robusta, com metas explícitas de carregamento instantâneo, engajamento do usuário e menor consumo de dados.
- 65% de aumento em páginas por sessão
- Aumento de 75% nos tweets enviados
- 20% de redução na taxa de rejeição
O Twitter Lite agora é a maneira mais rápida, econômica e confiável de usar o Twitter. O app da Web rivaliza com o desempenho dos nossos apps nativos, mas requer menos de 3% do espaço de armazenamento do dispositivo em comparação com o Twitter para Android.
Nicolas Gallagher, líder de engenharia do Twitter Lite
Aumentar o engajamento com o comando "Adicionar à tela inicial" e as notificações push da Web
O site do Twitter alcança milhões de usuários, mas tradicionalmente é difícil reengajar usuários na Web para dispositivos móveis. Depois de implementar o comando "Adicionar à tela inicial" solicitando que os usuários salvem o Twitter Lite na tela inicial, o Twitter teve 250.000 usuários únicos a cada dia iniciá-lo pela tela inicial 4 vezes por dia,em média.
O Twitter implementou notificações push da Web que funcionam como as de apps nativos e chegam mesmo quando o navegador do usuário está fechado. A implementação está entregando mais de 10 milhões de notificações push por dia.
Reduzir o consumo de dados
O Twitter Lite usa menos dados por padrão, disponibilizando recursos de mídia menores e confiando o máximo possível aos dados armazenados em cache. O PWA também otimiza imagens para ajudar a reduzir o consumo de dados em até 70% à medida que os usuários percorrem a linha do tempo. O modo de economia de dados ajuda os usuários a preservar ainda mais os dados móveis, oferecendo controle sobre quando o Twitter Lite faz o download dos recursos de mídia.
Alcançar um conjunto amplo de usuários é importante para o Twitter, incluindo aqueles em mercados emergentes em que velocidades de download mais baixas e dispositivos móveis menos potentes são comuns. O Twitter Lite ajuda a alcançar esse público com mais eficiência, tornando o Twitter mais rápido e fácil de usar em condições de baixa largura de banda.
Os usuários do Twitter Lite se beneficiam da economia no consumo de dados. O PWA tem apenas 600 KB pela rede, em comparação com os 23,5 MB de dados transferidos por download necessários para instalar o app Android nativo.
Carregamento quase instantâneo com scripts de service worker
Os primeiros carregamentos para o relógio do Twitter Lite levam menos de cinco segundos em redes 3G na maioria dos dispositivos. Os carregamentos subsequentes são quase instantâneos, mesmo em redes lentas. O app transmite a resposta HTML inicial ao navegador, enviando instruções para pré-carregar recursos essenciais. Os recursos são divididos em partes granulares para que o carregamento inicial exija apenas os recursos necessários para a tela visível. Um script de service worker armazena outros recursos em cache, permitindo a navegação rápida para outras telas.
Os dispositivos móveis representam mais de 80% do uso do Twitter, sendo que muitos usuários do Twitter Lite acessam o site por meio de redes 2G ou 3G. Uma experiência do usuário rápida no primeiro carregamento e nas visualizações subsequentes é essencial para permitir que os usuários vejam e criem tweets o mais rápido possível. O Twitter lançou estratégias de carregamento inteligentes, como service workers e partes do padrão PRPL (Push, Render, Pre-cache e Lazy-load) para reduzir drasticamente os tempos de carregamento das duas atividades. As visitas repetidas são quase instantâneas graças ao armazenamento em cache do service worker de visualizações atuais, atualizações de feed, notificações, mensagens e configurações. Os usuários do Twitter Lite percebem uma redução de 50% na latência do tempo para interação do 99o percentil, e os usuários conectados têm uma redução de 30% no tempo médio de carregamento.
O Twitter adotou uma abordagem incremental para aproveitar os service workers para resiliência off-line e de rede, começando com uma página off-line personalizada apresentada sempre que uma conexão de rede não estivesse disponível. Em seguida, fez a transição para o armazenamento em cache off-line de recursos estáticos, como CSS, imagens e pacotes JavaScript, para acelerar visitas repetidas. Por fim, eles adicionaram suporte ao armazenamento em cache off-line do shell do aplicativo. O resultado: o Twitter Lite é inicializado em menos de três segundos quando um usuário retorna ao PWA, mesmo em dispositivos móveis ou redes lentas.