7 motivos que fazem PWAs serem maravilhosos

Talk sobre Progressive Web Apps no FrontIn Porto Alegre (10/12).

PS: voce nao vai acreditar no #6.

Transcript

1. 7* motivos que fazem PWAs serem maravilhosos E você não vai acreditar no #6 @olarclara || #frontinpoa
2. • developer @ fleety; • embaixadora @ technovation challenge;
3. #1 Podem ser construídos com praticamente qualquer tecnologia
4. - Mais engajamento que o app nativo; - 536k notificações foram enviadas; - First paint 450ms mais rápida; Fonte: https://developers.google.com/web/showcase/2016/iowa2016
5. - Tempo de carregamento caiu de 3.5min para 60 segundos; - 3x menos uso de dados; - Taxa de conversão 70% maior; Fonte: https://developers.google.com/web/showcase/2016/flipkart
6. - Aumento de 30% no tempo gasto na página; - Redução de 50% na taxa de abandono; - Taxa de conversão 30% maior; Fonte: https://developers.google.com/web/showcase/2016/5miles
7. #2 Servidos via HTTPS
8. Fonte: https://codigo.joselito.space/zero-ssl-a69a8ed4fbee
9. #3 PWAs são instaláveis
10. Documentação: https://www.w3.org/TR/appmanifest/
11. Fonte: https://github.com/PolymerLabs/zuperkulblog-progressive/blob/master/app/static/manifest.json
12. - Um web app manifest válido; - Ser servido via HTTPS; - Ter um service worker válido registrado; - Ser visitado ao menos 2 vezes num intervalo mínimo de 5min;
13. #4 PWAs funcionam offline
19. #5 PWAs são altamente engajáveis
25. Fonte: https://developers.google.com/web/fundamentals/getting-started/codelabs/push-notifications
26. #6 Microsoft Edge suporta PWAs
27. Fonte: https://medium.com/web-on-the-edge/progressive-web-apps-on-windows-8d8eb68d524e#.7n9mce8hk
28. #7 Eles são progressivos
31. Fonte: https://jakearchibald.github.io/isserviceworkerready/
32. Obrigada! http://mariaclara.space ❤