PWAs: chegou a hora deles?

Guilherme Augusto Henschel (Cenoura)
Training Center
Published in
3 min readJan 25, 2018

Criar um site mobile ou criar um app? Por que não criar um só que tenha o melhor dos dois mundos, proporcionando uma melhor experiência para o usuário?

Apresentado em 2015, o conceito de Progressive Web App (PWA) tem ganhado cada vez mais destaque no mundo da programação. Nas últimas duas edições do Google I/O (2016 e 2017), foi um dos assuntos mais comentados. Na última edição do BrazilJS e do FrontInFloripa, também foi tema de talks.

Com a evolução dos recursos disponíveis nos browsers, os PWAs usam a web para entregar experiências muito semelhantes aos aplicativos, independente da plataforma em que estejam rodando. Eles podem ser instalados em seu dispositivo e rodar em tela cheia, com uma experiência muito mais rica e, o melhor de tudo, sem ocupar a̵q̵u̵e̵l̵e̵s̵ ̵2̵5̵0̵M̵B̵ ̵c̵o̵m̵o̵ ̵o̵ ̵f̵a̵c̵e̵b̵o̵o̵k̵ storage do seu dispositivo! Além disso, funcionam sem internet, recebem push notifications, atualizam o conteúdo em segundo plano (graças aos service workers).

Para que seu PWA dê certo, você deve levar em consideração três pontos: atratividade, confiabilidade e agilidade.

  1. Atratividade: interfaces atraentes e, principalmente, fáceis de utilizar; engajamento com o usuário para que seu app não seja esquecido como vários outros no smartphone do usuário;
  2. Confiabilidade: crie sua aplicação de forma que o usuário possa acessá-la mesmo sem conexão com a internet. Faça cache de recursos e informações chave, assim seus usuários terão um carregamento instantâneo dos dados.
  3. Agilidade: ninguém gosta de esperar um site/app carregar. Uma análise de dados de sites mobiles que rodam o Google Analytics mostrou que 53% dos usuários abandonam o site se ele demorar mais de 3 segundos para carregar. Além disso, suas animações, rolagem e interações devem ser fluídas. Afinal, nem todo mundo tem o smartphone do ano, com o melhor processador e RAM de sobra.

Suporte

No Android, o Google Chrome já suporta PWAs há um tempo e o Firefox ganhou suporte recentemente. Tudo parece muito lindo e maravilhoso, certo? Mas parece que o próprio Google não tem dado a devida atenção ao recurso, segundo este post do Maximiliano Firtman.

Já no iOS, segundo anunciou Ricky Mondello em seu twitter ontem, a nova versão do sistema operacional (iOS 11.3) terá suporte a PWA, o que foi uma surpresa para os usuários, que achavam que isso não aconteceria tão cedo.

Levando tudo isso em consideração, talvez ainda não seja a hora de investir no desenvolvimento de um PWA, mas isso vai depender da sua necessidade.

O mais prudente seria aguardar para saber quais recursos estarão disponíveis para que se possa desenvolver as aplicações sem medo de que a compatibilidade entre as plataformas seja uma dor de cabeça para os desenvolvedores.

Se você quiser saber mais sobre o assunto, seguem três links abaixo. Uma lista com exemplos de PWAs, um link do Google sobre o recurso e outro de como criar o seu primeiro Progressive Web App, também do Google.

E você? O que acha dos PWAs? Já criou um? Deixe seu comentário abaixo para ampliar a discussão sobre o assunto.

Aproveite também para me seguir no Twitter para ficar sabendo dos novos textos publicados aqui.

Até a próxima.

--

--

Guilherme Augusto Henschel (Cenoura)
Training Center

Software Developer | PHP & JavaScript Enthusiast | Editor & Mentor at @trainingcenter