Abrindo a App Store ~ 300ms
Procurar App ~ 500ms
Aceitar permissões ~ 500ms
Download e instalação ~ 2s
Abrir e começar a usar ~ 200ms
Segundo a Google, uma PWA precisa ser:
Deve carregar instantaneamente e nunca mostre o famoso dinossauro, mesmo em condições de rede ruins.
Responda rapidamente às interações do usuário com animações suaves, sem travamento durante o scroll.
Deve trazer características de um aplicativo nativo, com uma experiência de usuário imersiva.
Work Offline
Better User Experience
Native Recourse
Installation Homescreen
Aumento nas conversões
Aumentar o engajamento
Alta disponibilidade
Google checklist:
É um script que o navegador executa em segundo plano que disponibiliza funcionalidades normalmente encontradas em aplicativos nativos
Experiências off-line avançadas
Sincronizações em segundo plano
Notificações push
Fornecem a capacidade de salvar uma WebApp marcada como favorita na homescreen de um dispositivo.
// manifest.json
{
"name": "Minha Progressive Web App",
"short_name": "Minha PWA",
"description": "Esta é minha primeira Progressive Web App",
"display": "fullscreen",
"background_color": "black",
"icons": [{
"src": "images/icon.png",
"sizes": "192x192"
}]
}
// index.html
<link rel="manifest" href="/manifest.json">
https://developers.google.com/web/progressive-web-apps
https://developers.google.com/web/progressive-web-apps/checklist
https://developers.google.com/web/fundamentals/web-app-manifest
https://developers.google.com/web/fundamentals/primers/service-workers/
https://developers.google.com/web/tools/lighthouse
https://medium.com/dev-channel/why-progressive-web-apps-vs-native-is-the-wrong-question-to-ask