Hoje em dia as pessoas passam muito tempo em aplicativos móveis. De acordo com a Forrester Research, Os consumidores gastam 85% do seu tempo usando aplicativos. Utilizamos todos os tipos de aplicativos: redes sociais, chats, reprodutores de música, etc. Esses aplicativos provaram ser eficientes o suficiente para atender à velocidade necessária para uma boa experiência móvel.
Essa experiência móvel ainda não chegou aos sites móveis. Eles permanecem lento, pesado e muitas vezes trava o navegador no meio da navegação. Isso não pode ser comparado ao rápido desempenho de aplicativos nativos.
Empresas como Facebook e Google começaram a preparar iniciativas para resolver este problema de desempenho em sites mobile, através de iniciativas como Artigos instantâneos do Facebook e Páginas móveis aceleradas do Google.
No entanto, esta iniciativa não resolve o problema, pois a maioria das páginas web oferece o download do aplicativo móvel nativo para uma experiência otimizada. O que aconteceria se os sites mobile pudessem ter a mesma qualidade e desempenho de um aplicativo nativo?
Progressive Web Apps: aplicativos carregados do seu navegador
Aplicativo Web Progressivosim são basicamente uma ferramenta que analisa as abas do navegador que você acessa, e otimiza progressivamente de acordo com as interações do usuário com determinado site até se tornar um aplicativo. Esses aplicativos são criados a partir das próprias páginas da web e funcionam como qualquer aplicativo nativo para Android ou iOS, além de trazer a mesma funcionalidade com maior acessibilidade de navegação. O PWA começa como uma aba simples no Chrome e se torna um “aplicativo progressivo” conforme você interage com ele. Depois de um tempo, ele se transforma em um aplicativo e começa a adquirir funções que antes eram exclusivas dos aplicativos nativos como geolocalização, notificações e uso offline. Além disso, o “app site que vai” adquire navegação mais rápida, layout adaptado para celulares com diferentes especificações e tamanhos de tela e atalho na página inicial. Esse tipo de aplicativo progressivo utiliza os recursos dos navegadores modernos para oferecer uma experiência de usuário tão boa quanto uma aplicação nativa. Observe que esses aplicativos são diferentes de um aplicativo híbrido, que usa HTML5 encapsulado em um shell nativo, mas ainda precisa ser instalado por meio de uma App Store.Vantagens de usar um Progressive Web App
As vantagens do PWA para o usuário
A principal vantagem para o usuário é que eles não precisam se comprometer a baixar um aplicativo antes de saber se valerá a pena ou não. Não há necessidade de ir à loja de aplicativos, aguardar o download do aplicativo, abri-lo pela primeira vez ou registrar-se antes de começar a usá-lo. Este é um dos maiores problemas nos aplicativos nativos de hoje, e aplicativos web progressivos prometo deixar essa barreira completamente invisível e gradual.As vantagens técnicas de usar um Progressive Web App
- É responsivo e cabe facilmente em qualquer resolução de tela de celular.
- O aplicativo pode funcionar mesmo quando o usuário está offline.
- O usuário não precisa “baixar uma atualização de app” de vez em quando, pois tudo está na web. Na próxima vez que o usuário abrir o aplicativo a nova versão já estará lá.
- O conteúdo do aplicativo é servido com TLS para evitar intrusos, o que o torna seguro.
- Isso é Otimizado para SEO, todos os mecanismos de pesquisa podem encontrar o conteúdo dos aplicativos.
- Os aplicativos da web progressivos permitem que você envie notificações aos usuários para que eles voltem a experimentar seu aplicativo ao longo do tempo.
- Permita os mesmos benefícios dos aplicativos, pois os usuários podem adicionar os aplicativos mais úteis ou importantes à tela inicial do telefone.
- É mais fácil compartilhar conteúdo enviando o link para outra pessoa.
Estudos de caso de sucesso de aplicativos da Web progressivos
Flipkart, PWA baseado em comércio eletrônico
Isso é O maior comércio eletrônico da Índia. Eles criaram o Flipkart Lite, que é a versão PWA do aplicativo que resultou em um aumento de 70% nas conversões de vendas. Além disso, o aplicativo Flipkart Lite teve outros sucessos impressionantes:- O tempo que os usuários passam no site aumentou 3 vezes
- 40% maior engajamento
- O consumo de dados foi quase 3 vezes menor
A combinação Washington Post, AMP e PWA
Aproximadamente 55% de seu tráfego veio de dispositivos móveis portanto, melhorar a experiência de leitura em dispositivos móveis foi fundamental para o seu sucesso a longo prazo. Eles estavam focados em fazer com que seu conteúdo móvel carregasse o mais rápido possível e em indexar seus artigos no Google. Embora precisassem usar recursos avançados, como miniaturas, detalhes de texto e links em seu Progressive Web App, eles obtiveram grande sucesso.- Aumento de 23% na retenção de usuários de pesquisa em dispositivos móveis que mais de 7 dias
- Melhoria do 88% no tempo de carregamento para conteúdo AMP em comparação com a web móvel tradicional
- Mais de 1.000 artigos que o Washington Post publica diariamente em HTML AMP