Progressive Web Apps (PWA): tudo o que você precisa saber

Smartphones são dispositivos projetados para usar aplicativos, aplicativos e mais aplicativos. De acordo com Pesquisa Forrester, do tempo total que passamos olhando para o nosso telefone, o 85% fazemos isso em um aplicativo. Utilizamos todos os tipos de aplicativos: redes sociais, chats, tocadores de música, etc. Aplicativos geralmente tão bem otimizados que já se mostraram eficientes o suficiente para atender a velocidade necessária para uma boa experiência. Por outro lado, encontramos sites mobile que, embora já tenham atingido níveis incríveis de otimização e sejam facilmente acessíveis dada a potência dos dispositivos atuais, Eles ainda estão um pouco pesados e falta de integração para nosso navegador habitual. Empresas como Facebook e Google começaram a preparar iniciativas para resolver esse problema de desempenho em sites mobile, por meio de ações como Artigos instantâneos do Facebook e Páginas móveis aceleradas do Google. Porém, essas decisões que buscam maior fluidez não resolvem o problema, resultando em versões web em camadas ou mais limitadas em termos de conteúdo. Como solução, cada vez mais sites oferecem a opção de baixar o aplicativo móvel nativo para uma experiência otimizada. Mas e se os sites mobile tivessem a mesma qualidade e desempenho de um aplicativo nativo?

Aplicativos da web progressivos: aplicativos carregados diretamente do seu navegador

Aplicativos da Web progressivos  ou PWA são sites hospedados em um servidor e acessíveis a partir do navegador, mas apresentados ao usuário como se fossem um aplicativo iOS ou Android nativo, oferecendo quase a mesma funcionalidade com maior acessibilidade de navegação, pois estão a apenas um link de distância. O PWA é iniciado a partir de qualquer aba do Chrome, carregando apenas a visualização que o usuário tem à sua frente e baixando progressivamente à medida que ele navega por ela, armazenando dados no cache do seu dispositivo para evitar downloads a cada uso e finalmente funcionando de uma forma como fluido como um aplicativo, pois já está armazenado na memória do telefone. A integração do Paplicativo da Web agressivo com o dispositivo e a recepção pelos navegadores é tal que eles começam a admitir funções que antes eram exclusivas de aplicativos nativos como geolocalização, notificações ou uso offline. Além disso, o conceito de “web que vira aplicativo” proporciona ao site uma navegação mais rápida, um design adaptado para celulares com diferentes especificações e tamanhos de tela e até um atalho na página inicial. Uma vez visitado pela primeira vez, o PWA utiliza os recursos dos navegadores modernos para oferecer uma experiência de usuário tão boa quanto uma aplicação nativa. De referir que estas aplicações são diferentes de uma aplicação híbrida, que utiliza HTML5 envolto num app wrapper nativo, mas pendente de instalação através de uma App Store, com as vantagens e desvantagens que isso acarreta.

Vantagens de um Paplicativo da Web agressivo 

Vantagens de um PWA para o usuário

A principal vantagem para o usuário é que ele não precisa baixar nenhum aplicativo. Não há necessidade de ir até a app store, aguardar o download do aplicativo e abri-lo.

As vantagens técnicas de um Aplicativo Web Progressivo

• É responsivo, adaptando-se facilmente a qualquer resolução ou formato de tela.
• O aplicativo pode funcionar mesmo quando o usuário está offline, desde que já o tenha utilizado online.
• O usuário não precisa “baixar alguma atualização do aplicativo” de vez em quando, já que está tudo na web. Na próxima vez que o usuário abrir o app, a nova versão já estará lá.
• O conteúdo do aplicativo é servido com TLS para evitar invasões, tornando-o seguro.
• É compatível com Estratégias baseadas em SEO, para que todos os motores de busca possam encontrar o conteúdo dos aplicativos.
• Os aplicativos da web progressivos oferecem permitir que você envie notificações push aos usuários, convidando-os à recorrência.
• Ele permite que os usuários incluam o acesso direto à web a partir da tela inicial, como se fosse um aplicativo.
• É mais fácil compartilhar seu conteúdo, pois depende apenas do envio de um link para outra pessoa.

Histórias de sucesso de aplicativos da web progressivos

Flipkart, PWA baseado em comércio eletrônico

É o A maior loja de comércio eletrônico da Índia. Eles criaram o Flipkart Lite, que é a versão PWA de seu aplicativo original, resultando 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 em até 3 vezes
• Um 40% mais engajamento
• O consumo de dados foi reduzido para quase um terço do que a versão web completa exigia

The Washington Post, combinação de AMP e PWA

Aproximadamente 55% do seu tráfego vem de dispositivos móveis, portanto, melhorar a experiência de leitura em dispositivos móveis seria uma tarefa fundamental se quisessem manter a sua posição como meio de referência a longo prazo. Para isso, estabeleceram o objetivo de fazer com que seu conteúdo carregasse o mais rápido possível nos celulares e ao mesmo tempo ter seus artigos indexados nos buscadores, por isso descartaram a opção de um aplicativo híbrido. Apesar de contar com recursos avançados como miniaturas, detalhes de texto e links em seu aplicativo web progressivo, eles alcançaram seu objetivo e melhoraram seus dados:

• Aumento de 23% na retenção de usuários da pesquisa para celular durante sete dias
• Melhoria do 88% no tempo de carregamento de conteúdo AMP em comparação com a web móvel tradicional
• Mais de 1.000 artigos publicados pelo The Washington Post em um formato totalmente amigável ao navegador

Para muitas empresas que estão produzindo conteúdo original, esta pode ser uma forma de gerar leads, alcançar novos públicos e começar a criar conexões com usuários que não teriam utilizado o aplicativo em outra situação, mas o consideram muito mais acessível graças a um simples link.