Progressive Web Apps - O Futuro da Web Moderna?

Atualmente, os Progressive Web Apps (PWA) são a palestra da cidade, principalmente devido à incrível usabilidade e à experiência única do usuário. Com os recursos combinados de websites e aplicativos nativos, os PWAs estão se tornando uma norma para aplicativos da Web com vários dispositivos permitindo que os desenvolvedores criem aplicativos dinâmicos de carregamento rápido sem usar estruturas híbridas.

Eu acredito que os Progressive Web Apps são o futuro dos sites - e no seguinte, escreverei sobre seus benefícios e casos de uso para dar a você a visão geral. Vamos começar.

O que são aplicativos da Web progressivos?

O termo “Aplicativos da Web progressivos” foi cunhado pela primeira vez por Alex Rusell (um desenvolvedor do Google Chrome) e Frances Berriman (um designer). Alex compartilhou sua ideia sobre os Progressive Web Apps que “Esses aplicativos não são empacotados e implantados em lojas, eles são apenas sites que tomaram todas as vitaminas certas“.

“Os sites que querem enviar notificações para você ou estar em sua tela inicial precisam ganhar isso com o tempo, à medida que você os usa cada vez mais. Eles se tornam progressivamente “aplicativos”“, escreveu Alex sobre o apelo do PWA. Finalmente, ele concluiu, “esses aplicativos podem oferecer uma melhor experiência do usuário do que os tradicionais aplicativos da web“.

Aplicativos da Web versus aplicativos da Web progressivos

Aplicativos da Web, ou aplicativos da Web tradicionais, são os aplicativos do lado do cliente que executar diretamente em um navegador da web. Embora eles sejam melhores que os sites, eles ainda têm seus problemas. Se você não sabe a diferença entre os aplicativos e sites da web, os aplicativos da web diferem dos websites porque os aplicativos da web são semelhantes aos aplicativos nativos.

Dito isto, os Progressive Web Apps são os próxima geração de aplicativos da web que funcionam mais como aplicativos nativos, utilizando os aprimoramentos nativos do dispositivo. Por exemplo, os aplicativos da Web progressivos podem fazer uso de recursos nativos como câmera, beacons, etc., além de recursos como cache off-line, notificações por push, etc..

Por que precisamos de aplicativos da Web progressivos??

Nós temos aplicativos nativos, por um lado, que são inacreditavelmente rápidos e confiáveis mesmo nas piores situações, como conectividade lenta ou sem conectividade. Mas, por outro lado, temos sites e aplicativos da web, que são lentos e não funcionam bem em nenhuma condição de rede. É por isso que a maioria das pessoas prefira aplicativos nativos.

O Accelerated Mobile Pages (AMP), um projeto incentivado pelo Google, foi iniciado em 2016 para resolver problemas de conexão lenta, especialmente em smartphones, e fornecer uma melhor experiência ao usuário para usuários móveis. No entanto, o AMP não resolve problemas sem problemas de rede. Além disso, ele não acelera o tempo de carregamento tanto quanto os aplicativos nativos e, novamente, possui poucas limitações para atingir essa velocidade..

É por isso que precisamos de aplicativos da Web progressivos. PWAs fornecem o melhor experiência de usuário possível em rede lenta ou sem rede condições. Por exemplo, o PWA pode mostrar uma tela de progresso quando estiver carregando o conteúdo ou uma tela inicial quando não houver conectividade da Web, respectivamente.

Por que os aplicativos da Web progressivos fazem sentido?

Conforme especificado pelo Relatório de aplicativos para dispositivos móveis dos EUA de 2017 da comScore, os usuários de aplicativos gastam quase 77% de seu tempo em seus três principais aplicativos, enquanto o restante dos aplicativos permanece inativo, mas ainda bloqueia os recursos do sistema, incluindo a memória. Além disso, também compartilha que 50% dos usuários baixam zero apps por mês. Este fato sugere que os usuários hesitam em instalar novos aplicativos e, portanto, o PWA tem uma vantagem.

Acho que as pessoas costumam procurar sites em desktops, mas prefira aplicativos em dispositivos móveis (aplicativos nativos, claro). O motivo é que os computadores oferecem muito mais recursos de rede que os smartphones, e os aplicativos consomem menos recursos do que os sites de contrapartes. Além disso, eles são rápidos e confiáveis.

Além disso, os aplicativos nativos custam muito mais que os sites - de cinco a dez vezes ou mais, dependendo do tipo de projeto. Além disso, seu custo pode se multiplicar se houver necessidade de desenvolver aplicativos nativos para várias plataformas (por exemplo, Android e iOS) com diferentes bases de código. No entanto, o PWA pode ajudar minimizar esses altos custos de desenvolvimento, graças ao seu suporte para várias plataformas.

Recursos do Progressive Web Apps

Os Progressive Web Apps têm muitos recursos diretos que os diferenciam de seus equivalentes mais simples, ou seja, aplicativos da Web (ou mais simples - sites):

Responsivo. Trabalhe em todos os dispositivos de qualquer tamanho de tela.
Offline primeiro. Carregar em rede lenta ou sem rede.
Sensação de aplicativo. Veja e interaja como um aplicativo nativo.
Atualizado. Atualize por conta própria, quase de forma transparente.
Seguro e seguro. Use HTTPS para carregar recursos da página.
Detectável. Conteúdos disponíveis para os motores de busca.
Re-engatável. Volte a participar, diga usando notificações.
Instalável. Pode ser colocado em sua tela inicial.
Linkable. Carregar páginas semelhantes a aplicativos, mas com URLs.

O que eu acho interessante é que os Progressive Web Apps não apenas parecem e se parecem com aplicativos nativos, mas também têm acesso aos recursos nativos do dispositivo. Isso significa que um PWA pode tirar uma foto sua usando a câmera do seu dispositivo. No entanto, devo compartilhar que ele não tem acesso a recursos limitados, como localização, telefone ou SMS.

Nota: Você pode ler mais sobre seus recursos e outros detalhes neste post.

Criando Aplicativos da Web Progressivos?

O Google fornece uma “Lista de verificação do aplicativo da Web progressiva” - uma lista de detalhes para ajudar os iniciantes a criar aplicativos da Web progressivos. Esta lista não-guia compartilha recursos necessários para criar PWAs - uma “Linha de base PWA” e um “PWA exemplificativo”; o primeiro lista coisas cruciais para um aplicativo básico e o segundo para um aplicativo avançado.

Além disso, existem várias ferramentas para ajudá-lo na construção de um PWA. Por exemplo, o Lighthouse é um open-source gratuito ferramenta para melhorar uma página da web incluindo verificações de qualidade para recursos de acessibilidade, desempenho e PWA. Outra ferramenta de funcionalidade é o Workbox, que ajuda a Crie aplicativos com a primeira experiência off-line.

Os Progressive Web Apps são o futuro??

Embora os Progressive Web Apps possam não resolver todos os nossos problemas de aplicativos ou substituir aplicativos nativos em um futuro próximo, ainda assim acredito que ele terá um papel significativo, graças a seus benefícios que são muito mais do que suas limitações. E com quase todas as grandes plataformas começando a suportar PWAs, não é longe, vamos vê-los em todos os lugares.

A Apple apresentou os recursos do PWA (APIs da Web) no Safari 11.1, incluindo a API do Beacon, os Service Workers, o Web App Manifest, etc .; trazendo assim PWAs para iOS em breve, se não já. O Google já apoiou os PWAs no Chrome para Android e planeja trazê-lo para as plataformas de desktop também. A Microsoft também adicionou suporte para PWAs no Microsoft Edge e os listará no Microsoft Store.

O que você acha - são Progressive Web Apps o futuro? Deixe-me saber diretamente em @aksinghnet ou escreva um comentário através da seção de comentários abaixo para deixar sua resposta.