Progressive Web Apps: The Future of Web Development?

Progressive Web Applications e Service Workers são conceitos relativamente novos e as partes principais do que está atualmente perturbando o ecossistema atual de sites e aplicativos móveis. Vimos grandes aumentos nas taxas de conversão e diminuições nas taxas de rejeição porque essa tecnologia é apoiada por ninguém menos que o Google. Leia mais sobre service workers e aplicativos da web progressivos e como eles diferem dos aplicativos móveis e sites tradicionais.

O service worker , às vezes também conhecido simplesmente como “SW”, é codificado como um script independente que é executado junto com páginas e scripts de sites tradicionais, mas tem novos recursos interessantes em comparação com os JavaScripts usuais encontrados em sites da Internet.

Com funcionalidade offline, notificações push, cache completo e com a possibilidade adicional de conexão com a API de hardware de smartphones e outros dispositivos, as opções são limitadas apenas pela engenhosidade do desenvolvedor e criatividade do designer. Embora haja muitas vantagens em usar um prestador de serviço simultaneamente com as tecnologias tradicionais de sites, veremos a tendência emergente da perspectiva de um proprietário de empresa.

Por que usar Progressive Web Apps?

• Melhore a velocidade em comparação com a velocidade de sites e aplicativos móveis
• Diminuir o tamanho da página
• Funcionalidade offline
• Acesso a dispositivo de hardware específico
• Notificações via push
• Adicionar à tela inicial

Acima está a lista dos 6 motivos mais comuns para os proprietários de negócios implementarem service workers e aplicativos da web progressivos em seus sites existentes. Vamos decompô-los e entrar em mais alguns detalhes sobre cada um dos 6 pontos-chave.

Melhore a velocidade e as taxas de conversão

Como os service workers funcionam entre o navegador e o acesso à Internet, isso significa que os visitantes do site não precisam pedir uma resposta ao servidor da web sempre que solicitam uma nova página ou clicam em um link, por exemplo.

Devido à forma como os protocolos da Internet funcionam, há um tempo mínimo para cada resposta que passa pela rede, mas ao utilizar um service worker, às vezes esta etapa pode ser deixada de fora, já que o script do service worker servirá a página do cache local que será descrito no próximo tópico.

Por exemplo, Housing.com viu carregamentos de página 30% mais rápidos desde a implementação de seu aplicativo da web progressivo e script de service worker , e sendo baseado na Índia, isso equivale a ótimos resultados, já que a maioria de seus visitantes navegam em redes 3G, e qualquer aumento de velocidade é portanto, muito importante.

Outro exemplo é Konga, um varejista líder nigeriano de comércio eletrônico que tem mais de 60% de seus visitantes navegando em redes 2G lentas e , assim, reduzindo o tempo para carregar a página, eles não apenas aumentaram suas taxas de conversão e rejeição significativamente, mas igualmente importante, eles colocaram seus concorrentes em um sono profundo.

Diminuir o tamanho da página

Trabalhando em estreita conexão com os pontos acima, usar um service worker sem dúvida reduzirá o tamanho da página de qualquer site e, assim, diminuirá as taxas de rejeição.

A razão pela qual vemos essas melhorias é que o funcionário do serviço salva cópias do site nos telefones e tablets dos visitantes. Isso significa que eles não precisarão mais usar a Internet depois de visitar a página inicial de um site com um service worker instalado e configurado para fazer upload do cache automaticamente.

Também é possível simplesmente deixar o service worker salvar as páginas já visitadas, mas como o download do cache não é visível para o usuário de forma alguma, faz sentido apenas deixar o usuário baixar tudo.

Por enquanto, algumas empresas relatam que, com um service worker instalado, o tamanho das páginas foi reduzido em até 90%.

Funcionalidade offline

É possível desenvolver um site com um service worker que funcione perfeitamente de forma que os usuários não precisem ter acesso à internet para navegar nas páginas e carregar conteúdos. Existem alguns requisitos, mas uma vez atendidos, o service worker permite uma integração perfeita entre as experiências offline e online e é considerado uma adição inovadora aos sites atuais.

Embora nem todo site precise de uma experiência offline completa, simplesmente adicionar uma tela offline, como o Opera fez, aumentará as chances de os usuários permanecerem na página ao perderem o acesso à Internet durante a navegação.

Compare a mensagem offline em navegadores padrão com a mensagem offline personalizada que o Opera criou abaixo e sinta a diferença:

Funcionalidade do site offline do Opera

Página off-line padrão no cromo

Acesso a dispositivo de hardware específico

Assim como os aplicativos móveis, é possível que os aplicativos da web progressivos em conexão com os prestadores de serviço façam chamadas de API para dispositivos de hardware , como câmeras móveis, acelerômetros e outras funções comuns. Até agora, não há suporte para recursos avançados, como identificação de impressão digital e funções novas e complexas semelhantes, mas isso provavelmente é apenas uma questão de tempo.

Embora o desenvolvimento de aplicativos móveis sempre permaneça relevante para certos tipos de negócios e produtos, já existem diversos aplicativos da web on-line progressivos hoje que oferecem a experiência de um aplicativo móvel, com a facilidade de uso e instalação que os sites têm a oferecer.

Mas dado que a tecnologia em si tem apenas cerca de um ano no momento da escrita (desenvolvida no final de 2015) e ela tem muitas oportunidades de se tornar a tecnologia mais avançada da qual todo proprietário de pequena empresa deseja fazer parte.

Notificações via push

Um desses recursos de hardware são as notificações push e permitem que os proprietários de sites informem os usuários móveis sobre seu conteúdo mais recente. Para as empresas, obter acesso ao feed de notificação de seus clientes pode ser uma grande vantagem para os negócios.

Ao contrário dos boletins informativos por e-mail, as pessoas estão propensas a abrir e clicar em notificações push diretamente em seus telefones e, embora essa tendência possa mudar com o tempo, porque os usuários aprenderão quais aplicativos estão promovendo marketing e conteúdo publicitário, por enquanto é bastante eficaz.

Até agora, Jumia, um site de comércio eletrônico africano, teve grande sucesso com aplicativos da web progressivos e notificações push. Eles relatam taxas de conversão nove vezes melhores para seus carrinhos de compras abandonados, em comparação com sua maneira tradicional de enviar e-mail aos usuários perguntando se eles gostariam de comprar o que estavam em seus carrinhos abandonados. Jumia também viu uma taxa de abertura de 38% para notificações push, o que deve ser considerado bastante impressionante.

Adicionar à tela inicial

Este é o último da nossa lista, mas não menos importante. Adicionar seus sites favoritos aos favoritos do seu telefone e ter um ícone no seu dispositivo não é nenhuma novidade, mas com os aplicativos da Web progressivos , o usuário agora será perguntado pelo navegador se deseja adicionar o PWA à tela inicial. Como isso é feito pelo próprio navegador, e não por alguma sobreposição de pop-up extravagante no site, as pessoas têm relatado ótimos resultados com esse recurso.

É assim que fica quando você visita o The Washington Post de seu telefone com o Chrome ou Opera.

FlipKart observou um aumento de 70% nas taxas de conversão de seus usuários abrindo o aplicativo na tela inicial, o que significa que os usuários que instalaram o aplicativo podem ser considerados clientes fiéis, ansiosos para comprar e interagir com o site em questão.

Conclusão

Nem todos os navegadores da web oferecem suporte a aplicativos da web progressivos e service workers ainda, mas talvez seja apenas uma questão de tempo. A Microsoft com o Internet Explorer tem sido bastante vaga em sua implementação futura da tecnologia, talvez esperando para ver se esta é apenas uma tendência de curta duração ou se isso irá revolucionar a web como a conhecemos.

A Apple com Safari adicionou a compatibilidade dos service workers ao seu roteiro de 5 anos, então ainda há algum tempo para que isso aconteça, embora eles possam muito bem colocar essa tecnologia no topo da lista, uma vez que vejam o impacto positivo no serviço trabalhadores têm.