Progressive Web Applications – PWA

O que é PWA?

Progressive Web Applications ou PWA são definidos como aplicações sob a metodologias que mesclam o melhor da Web com o melhor dos Apps.

Progressive Web Applications ou PWA são definidos como aplicações que comportam algumas metodologias de desenvolvimento que mesclam o melhor do desenvolvimento Web com o melhor do desenvolvimento de Apps (por exemplo: não há necessidade de instalação como um site, e funciona offline com uma aplicativo). Seu foco principal são as experiências de usuários, e são caracterizadas por:

  • Confiável –  aplicações caracterizadas como PWA são carregadas instantaneamente e nunca demonstrarão aquele ‘dinossauro’, funcionando online como offline.
  • Rápido – respondem rapidamente às interações do usuário com interfaces ricas e sem barras de rolagem. Segundo dados da Google 53% dos usuários abandonam sites que demoram mais de 3 segundos para carregar, por isso esse item se torna extremamente importante.
  • Envolvente (Engaging) – os PWA’s trazem como premissa que o usuário tenha a sensação que esteja navegando em aplicativos nativos do seu celular, com uma experiência imersiva. Esse nível de qualidade permite que os Progressive Web Apps ganhem um lugar na tela inicial do usuário, podendo até mesmo ser instalados

Quero Montar Um MVP

Como um PWA chega a ser mais um conceito, ou um método de aplicação, exitem alguns critérios para se desenvolver e caracterizar um PWA, eles devem ser :

  • Progressivo – Funciona para todo usuário, acessando de qualquer navegador
  • Responsivo – Se adapta em qualquer dispositivo (desktop, mobile, tablet)
  • Conectividade independente – Possui a implementa de service workers para trabalhar offilne ou com redes de baixa qualidade como o 3G
  • App-like – Funciona similar a um aplicativo nativo
  • Fresh – Sempre atualizado, com auxilio do processo de atualização dos services workers
  • Seguro – Disponível via HTTPS
  • Indexável (Discoverable) – Como funciona como um site, ele é descoberto e indexado pelos crowlers, ou seja, você pode trabalhar todos os aspectos de SEO
  • Instalável – Permite o usuário instalar a aplicação, sem necessidade de instalar em um App Store
  • Linkable – Facilmente compartilhado via URL

Para montar um PWA você precisa seguir basicamente essas premissas, existem ferramentas que auxiliam no desenvolvimento e implementação de PWA’s.
Iremos atualizar informações essenciais de como iniciar nesse universo. Acompanhe nossas atualizações.