Progressive Web Apps segue am alta

No dia 14/3, o Google anunciou  suporte aos Progressive Web Apps para o macOS e melhorou seu suporte para o Windows 10. O Chrome 73 ampliará a lista já robusta de recursos compatíveis com o conceito, fortalecendo-o. E o roadmap de 2019 deverá trazer ainda mais novidades.

Com isso, a tendência dos PWAs segue ganhando impulso, com alguns especialistas já prevendo que, em breve, eles substituirão os aplicativos móveis nativos.

O que são os PWAs?

Para quem ainda não está familiarizado com o conceito, Progressive Web Apps é uma metodologia de desenvolvimento de aplicativos fornecidos pela web. Em 2015, engenheiros do Google cunharam este termo para definir um aplicativo desenvolvido através de novas funcionalidades dos navegadores modernos, que permitem aos desenvolvedores criarem aplicações utilizando somente velhos conhecidos da World Wide Web como HTML, CSS e JavaScript.

No caso das plataformas móveis, por exemplo, os PWAs funcionam como aplicativos nativos que fornecem a mesma experiência de aplicativos nativos aos consumidores, mas que não precisam ser baixados em uma App Store. Um Progressive Web Apps, é executado direto no navegador do aparelho, acessando a URL de sua aplicação.

Para simplificar, há quem os defina também como um site que se comporta como uma aplicativo instalado em um smartphone, tablet, laptop ou desktop. Isso porque, como dependem de CSS3, JavaScript e outras ferramentas padrão, o PWAs podem ser facilmente portados para outros navegadores e plataformas.

Em outras palavras, podemos dizer que os Progressive Web Apps são uma evolução das aplicações Web, que permitem entregar ao usuário final uma boa experiência, especialmente móvel, sem a necessidade de implementar código nativo para cada sistema operacional do aparelho do usuário.

Pode-se dizer também que os PWAs suportam ou, na verdade, substituem uma estratégia de design para dispositivos móveis, na qual você pode criar o PWA para dispositivos móveis e disponibiliza-los em todos os dispositivos.

PWAs também são  relativamente seguros. Na instalação, têm acesso zero ao hardware dos sistemas. Esse acesso deve ser concedido caso a caso – uma base de recurso por recurso – após a permissão explícita do usuário. O acesso ao armazenamento, localização e Bluetooth requer três permissões separadas. Os usuários podem dizer sim ao Bluetooth, por exemplo, mas recusarem as solicitações de armazenamento e localização.

Vantagens

Considerando suas características (poderem ser usados independente do browser ou dispositivo; funcionarem offline; enviarem push notifications; permitirem que o usuário adicione um ícone na tela principal do dispositivo; atualizarem automaticamente; e oferecem uma experiência parecida de um aplicativo nativo), os PWAs são vantajosos para os usuários mas, sobretudo, para os desenvolvedores, marcas e empresas.

Na opinião de Garry Brownrigg, CEO e fundador da QuickSilk ,  uma das principais vantagens dos PWAs é aproveitar os mais recentes recursos do HTML5 e aderir à capacidade de design responsivo do tipo “escreva uma vez em qualquer lugar” que é utilizada pela maioria dos sites móveis. . Isso os torna “tipicamente mais rápidos” e “menos caros” para se desenvolver.

Como os PWAs ignoram as lojas de aplicativos,  eles também ajudam a resolver o problema da fadiga de aplicativos, em que os usuários resistem a entrar em uma loja de aplicativos para encontrar outro aplicativo que eles tentarão uma vez e esquecerão. Quando os usuários visitam seu site, você pode oferecer a instalação do PWA no local e iniciá-la a partir desse site a cada visita. De acordo com um relatório da AppInstitute , as marcas que usaram PWAs viram, em média, um aumento de 68% no tráfego da web móvel. O mesmo relatório também observou que os PWAs carregam 15 vezes mais rápido que os aplicativos nativos.

“É uma opção atraente para empresas que buscam um retorno mais rápido de seus investimentos. Você evita a burocracia da loja de aplicativos no que diz respeito à elegibilidade do aplicativo. Simplesmente desenvolve ou ajusta o código, testa-o e distribui”, diz Brownrigg.

Pense em um e-commerce. Os PWAs podem ser executados a partir da primeira visita do consumidor à loja virtual, fornecendo recursos adicionais que são executados como aplicativos comuns. A maioria dos grandes varejistas, por exemplo, oferece aplicativos que permitem recursos de fidelidade e desconto, além de uma melhor experiência com as compras. Mas a maioria dos clientes desses varejistas não tem interesse em baixar os aplicativos.

Além disso, os PWAs oferecem benefícios adicionais aos e-commerce, comentados por Rakesh Jain, CEO e co-fundador da MobiCommerce, neste artigo publicado no site Customer Think.

Da mesma forma, sob a ótica das equipes de desenvolvedores, um PWA [fornece] maior agilidade quando se trata de ciclos de lançamento, já que as atualizações não estão bloqueando a jornada do usuário final. Os lançamentos podem ser enviados mais rapidamente e com mais frequência. Em um aplicativo nativo, seria possível agrupar e atrasar o envio de pequenas correções em um pacote maior para reduzir o atrito do usuário final ”, comenta Tim Vereecke, arquiteto de desempenho da Web  da Akamai Technologies .

Tem mais: vários testes provaram que os PWAs melhoram drasticamente o engajamento, as conversões, a interação, as taxas de abertura de notificações push e o opt-in.

O Pinterest, por exemplo, lançou um PWA projetado para substituir o acesso ao serviço por meio de uma experiência regular do navegador. Ele relatou enormes benefícios, como um aumento de 50% nos cliques em publicidade e um aumento de 40% nos gastos dos usuários que passaram mais de cinco minutos no site. O PWA superou não apenas o uso da Web para dispositivos móveis, mas também o uso de aplicativos para dispositivos móveis.

De acordo com a LamdaTest, marcas como Treebo, Trivago e Flipkart tiveram melhorias substanciais desde a adoção de PWAs. O Treebo viu sua taxa de conversão aumentar em quatro vezes, a Trivago obteve um aumento de 97% em cliques nas ofertas de hotéis e a aquisição de clientes da Flipkart aumentou em 50%.

Desvantagens

Mas, é preciso alertar que, quando comparado aos apps nativos, os PWAs não oferecerem compatibilidade de lista de contatos e suporte a  Near Field Communication (NFC) e ao Bluetooth.

Outro ponto desfavorável, segundo o pessoal da Opus Software, é a resistência da Apple em aderir – por mais que a empresa não consiga ignorar por muito mais tempo. A promessa é a de suporte a partir do iOS 11.3.

Por fim, os PWAss não são suportados por todos os navegadores. “Como acontece com todas as tecnologias baseadas em navegador, muitos recursos de um PWA não são suportados em navegadores, especialmente os mais antigos. Às vezes até os navegadores mais recentes não suportam necessariamente o conjunto completo de recursos. Isso é algo que se deve ter em mente ao desenvolver um PWA ”, disse Vereecke. Embora um PWA ainda seja “funcional” e “fácil de usar” em todos os navegadores, pode não ter os recursos mais avançados.

Por exemplo, o navegador Microsoft Edge não suporta a capacidade de configurar os PWAs para rodar em suas próprias janelas como se fossem aplicativos nativos do Windows.

Take away:  De acordo com Komal Bhatia, gerente de engenharia da PubNub, existem quatro características-chave de um PWA: ser responsável, confiável, rápido e envolvente. “[PWAs] podem renderizar bem em diversos dispositivos com diferentes tamanhos de tela. Eles encantam o usuário, não importa em qual plataforma ou dispositivo eles estão, com uma experiência contínua e sem atrito ”, disse ela. Tudo isso deve ser levado em conta na hora do desenvolvimento.

Fora esse cuidado, adicionar suporte a PWA não é difícil. Pegue o Webpack e adicione dois plugins e você estará pronto para mergulhar nessa tendência. Mas o melhor ponto de partida é o developers.google.com.