Algo precisa parar e parar agora:
Os aplicativos progressivos da web não são uma tecnologia do Google!
Continuo lendo artigos e assistindo vídeos que tentam explicar aplicativos web progressivos e muitos deles dizem que é uma tecnologia do Google ou algo que funciona no Chrome o r no Android.
Sim, os PWAs funcionam em todas essas coisas, todas as coisas que o Google possui, fornece, desenvolve, etc.
Mas aplicativos da web progressivos funcionam muito bem no iOS , Windows e em todos os navegadores.
Sim, a equipe do Google Chrome criou (mais parecido com o termo,). A frase foi criada por Alex Russell e sua esposa especificamente . E isso foi inteligente. Alex e a equipe do Chrome puderam ver uma nova classe emergente de experiência da web desenvolvida com base em um novo padrão da web, os service workers.
Eles poderiam ver os service workers combinados com as práticas recomendadas seria um novo nível de experiência online. Eles também queriam aproveitar essa oportunidade para aumentar as expectativas na web. Quero dizer, o negócio do Google é a web e eles sabem que a qualidade das experiências online é terrível com sites inchados e desatualizados.
O conteúdo que me estimulou a escrever este artigo não consegue entender que os aplicativos progressivos da web são realmente um classe de aplicativos da web com uma experiência de usuário de alta qualidade que aproveita os melhores e modernos recursos da plataforma da web, combinados com práticas recomendadas de arquitetura comprovadas.
Uau, isso foi demais!
Vamos mergulhar aprofundar no assunto.
Os aplicativos progressivos da web são baseados em padrões da web, e não em uma empresa, navegador ou sistema operacional
Primeiro, a experiência do usuário é mais importante qualquer coisa no front-end.
Mas o PWA é baseado na implementação de recursos modernos, especificamente um service worker e um arquivo de manifesto da web.
Pelo menos é onde a maioria se concentra. Enquanto isso, eles tendem a ignorar a ênfase real, ótima experiência do usuário.
Isso começa com velocidade, boa navegação, design limpo e boa etiqueta online. Basicamente, forneça uma experiência online que os clientes desejam usar.
Os três requisitos técnicos básicos fornecem uma linha de base para a definição de um PWA. Se você reservar um tempo para ler a Lista de verificação de aplicativos progressivos da Web do Google você notará que há dezenas de itens que vão além de apenas usar HTTPS, um arquivo de manifesto da web e registrar um service worker.
Alguns itens que se destacam para mim:
- Dados META adequados no HEAD da página
- Sem experiências Janky
- Transições de página suaves
- Permitindo que o usuário controle notificações push
- Mobile First/Design responsivo
- Formulários fáceis de usar, mesmo em pequenos, dispositivos habilitados para toque
Muitas coisas que tenho pregado como práticas recomendadas ao longo dos anos.
Alguns dos engenheiros do Chrome também criaram termos para descrever as práticas recomendadas de desenvolvimento, PRPL e RAIL . Eles sabiamente associaram essas técnicas aos PWAs.
Tenho algum outro conteúdo explicando esses conceitos no forno. Nesse ínterim, tenho várias dezenas de páginas explicando e demonstrando PRPL e RAIL em meu Desenvolvimento progressivo de aplicativos da Web por exemplo livro.
A lista de verificação PWA é um conjunto mínimo de diretrizes e a maioria falha em cumpri-las. Basta executar uma auditoria do Lighthouse das ferramentas de desenvolvedor do Chrome para ver como você se sai. Dica: Qualquer coisa abaixo de 100 significa que você tem trabalho a fazer.
Por fim, pergunte-se: você acha que seu site transmite confiança e facilidade de uso se você não fosse o proprietário do site ou fosse um desenvolvedor do site? Se você encontrar alguma falha, corrija-a.
A implementação de uma boa experiência do usuário não é específica do Google, é apenas o que qualquer empresa, governo ou organização deve fornecer para se envolver com seus clientes. O Google fornece algumas diretrizes, mas elas são baseadas em sua experiência educada. Mas eles não são de forma alguma o fim do que pode ser classificado como boa experiência do usuário.
Por que o Google e o Chrome recebem todo o crédito?
Basta colocar o Google tem dinheiro e mão de obra para espalhar a palavra melhor do que qualquer outra pessoa.
Sério, existem alguns defensores independentes do PWA como eu. Posso pensar em Maxim Salnikov , Max Firtman , Henrick Joreteg , Jeremy Keith , Jason Grigsby e qualquer pessoa que realmente seja um especialista no assunto de desenvolvimento da web.
Microsoft e especificamente a A equipe do Microsoft Edge também é apaixonada por PWA. Você simplesmente não os vê tanto e não é culpa deles. Eles têm uma equipe de evangelista, mas é menor. A Microsoft atende a um mercado central diferente do Google, o empresarial.
O problema da equipe do Edge é mais demográfico do cliente do que qualquer outra coisa. Eles gastam mais recursos engajando-se com clientes corporativos maiores para atender às suas necessidades com seus produtos e serviços. O Google se concentra mais no mercado consumidor.
Consumidor e empresa são muito, muito diferentes. É por isso que você vê coisas como a Microsoft empurrando aplicativos da web progressivos em sua loja mais do que os vendo promovendo os benefícios para o consumidor.
A equipe do Edge simplesmente não tem o orçamento de marketing que o Chrome tem para o mercado consumidor. E eles estão mais do que felizes em deixar o Chrome investir os recursos no mercado.
Bem, talvez não 100% felizes, mas eles percebem que não vale a pena seu investimento financeiro e de tempo para o retorno potencial.
Esta é minha opinião aqui: eu realmente não sei o quanto mais a equipe do Edge poderia adicionar à mensagem em torno do conceito de aplicativos da web progressivos que o Google ainda não compartilhou.
Se você preste atenção, você verá os caras de Redmond compartilhando ideias e melhores práticas em desenvolvimento web. Uma área que eles enfatizaram no ano passado foi a acessibilidade. Há mais, vejo coisas como CSS e JavaScript, quero dizer, eles criaram CSS Grid e Pointer Events.
O Mozilla é ainda mais restrito. Eles também são defensores do PWA, mas você raramente vê qualquer um dos membros de sua equipe publicamente. De vez em quando, um aparece em uma conferência ou em um site de conteúdo em algum lugar. Mas eles estão canalizando dólares de marketing para divulgar alguns de seus novos recursos excelentes, e não os culpo.
Outra voz na comunidade PWA é a Samsung. Sim, eles também têm um navegador e ele é usado por milhões. Eu diria que eles provavelmente divulgam alguns dos melhores conteúdos sobre aplicativos da web progressivos e não recebem o crédito que merecem.
E aqui está a melhor evidência de que os aplicativos da web progressivos são mais do que apenas um específico do Google tecnologia: Microsoft, FireFox e Samsung participaram de grandes eventos de desenvolvedores do Google para falar sobre service workers e tecnologia progressiva de aplicativos da web.
Você pode não estar ciente de que Googlers, membros da equipe FireFox e caras da Samsung fizeram todos participaram de eventos patrocinados pela Microsoft também.
Por quê?
Porque todos eles têm um objetivo comum, tornar a web melhor .
Google foi apenas o primeiro grande movimento. E eles ganharam a vantagem de ser o pioneiro no espaço progressivo de aplicativos da web.
Sei que minha primeira experiência com service workers veio em Velocity 2015 quando Patrick Meenan, ex-Googler, os demonstrou pouco antes de minha sessão em aplicativos de página única , lembre-se deles ?
Mas lembre-se, enquanto o Chrome estava lançando o termo, a Microsoft já tinha Hosted Web Apps (HWA), infelizmente ninguém sabia disso. Esses são aplicativos da web progressivos sem o service worker (a especificação não existia na época) que foram enviados à loja do Windows para download. Exatamente a mesma coisa que a Microsoft está fazendo hoje com os PWAs.
Você também pode observar as diferentes especificações da web importantes para conduzir aplicativos da web progressivos. Claro que existem Googlers em todos os lugares nos documentos W3C. Mas você também encontrará Microsoft, Samsung, AT&T, Mozilla e muitas outras empresas com editores e autores em quase todas as especificações.
Este é um esforço comum, não apenas uma coisa do Google.
O Google Chrome está controlando demais as mensagens do PWA?
Sempre que você tiver uma única fonte recebendo o crédito por uma tecnologia específica, ela corre o risco de ser muito opinativa.
Um bom exemplo de onde isso está acontecendo são as expectativas de como a experiência Adicionar à tela inicial funciona.
Porque o Chrome no Android (e de (sktop também se você ativou ) funciona, o consumidor é eventualmente solicitado a adicionar um PWA qualificado à tela inicial. No Android, ele é elevado ao status de aplicativo pseudo-nativo.
Como eles foram considerados os primeiros neste espaço, é assim que a maioria presume que todos os navegadores adicionem à experiência de tela inicial deva funcionar.
Há dois problemas com essa suposição:
- Adicionar à tela inicial não é um padrão da Web
- iOS lançou o primeiro adicionar à experiência de tela inicial, em 2007
Embora o formato do arquivo de manifesto da web e algumas regras básicas sobre como funciona o manifesto da web, a especificação NÃO inclui algo sobre um acréscimo à experiência de tela inicial.
A experiência do usuário é deixada totalmente para o navegador e o fornecedor da plataforma criar. É por isso que não vimos isso entregue pela Microsoft. Para eles, é uma prioridade mais baixa (novamente voltada para empresas) do que outras plataformas.
Tanto o FireFox quanto o Samsung Internet têm um prompt para adicionar à tela inicial, mas é apenas um ícone na barra de endereço. Eu suspeito que eles irão eventualmente adicionar a capacidade de se tornar um webApk como o Chrome faz, mas por enquanto eles produzem um marcador glorificado na tela inicial do Android.
A Apple sempre teve um recurso nativo para adicionar à tela inicial. É simples e dirigido por META tags personalizados para aplicativos da web móvel. Você pode especificar o ícone da tela inicial, uma imagem inicial, se deseja renderizar em tela cheia ou com algum cromo do navegador e a cor da barra de status (preto ou cinza que você escolher).
A Apple não avisa os usuários , você ainda precisa guiá-los. Eles não parecem interessados em melhorar essa experiência.
Pessoalmente, gosto do navegador que nos dá um fluxo de trabalho que podemos controlar, como o Chrome faz com o evento’beforeinstallprompt’. Mas pelo menos eu sei o que esperar em outras plataformas e posso detectar e impulsionar algo do meu lado para aumentar o engajamento.
O fato de o Google ter superado as expectativas aqui é bom e ruim. É bom termos um limite de expectativas. É ruim porque agora é difícil para nós pensar fora da caixa para considerar o que pode funcionar melhor para aumentar o envolvimento do visitante com sua marca.
Para o registro, a equipe do Microsoft Edge parece querer criar algo melhor. Eu e eles simplesmente não sabemos como será isso.
Os aplicativos da web progressivos são para todos os navegadores e plataformas
Se a esta altura você não entende isso PWAs são suportados por todos os principais navegadores e plataformas Não sei como ajudá-lo.
Uma vez, Apple e Microsoft enviaram suporte ao service worker para consumidores em geral no início deste ano tínhamos o que considero um conjunto completo de navegadores com capacidade para PWA.
Mesmo que um navegador ou sistema operacional não tenha suporte para service workers ou saiba ler um arquivo de manifesto da web, isso não importa. Os sites vão funcionar perfeitamente!
E se você criar seu aplicativo progressivo da web corretamente, aumentará o envolvimento do cliente.
Por quê?
Porque, quando criados de acordo com as práticas recomendadas do PWA, os sites oferecem experiências de usuário superiores para todos.
As tecnologias progressivas de aplicativos da web são aditivas, não integrais. Eles agregam valor sem quebrar o que já existe. É por isso que enviei alguns jogos de demonstração simples no início deste ano. Peguei projetos web existentes e os atualizei para PWAs. Eles ainda funcionam como antes, mas agora funcionam off-line e podem carregar um pouco mais rápido.
Esta é uma das duas vantagens que a web tem sobre a plataforma nativa, multiplataforma e a capacidade de carregar um página específica sem percorrer a navegação no aplicativo. O primeiro é o grande, multiplataforma.
Os aplicativos da web progressivos não são tecnologia de uma empresa, são a tecnologia de todos.
Não dê ao Google e ao Chrome todos os crédito para PWAs. Dê um pouco de carinho aos outros caras também.
Ao mesmo tempo, agradeça ao Google (e aos outros caras também) pelo que fizeram para tornar a web um lugar melhor.
