O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
Progressive Web App
Web Developer
GDG Alexandria Organizer
nadermousa92@gmail.com
linkedin.com/in/nader-khaled/
facebook.com/Nader.Khaled.Mous...
https://goo.gl/lLgLiR
vs.13% 87%
Mobile web Apps
Source: comScore Mobile Metrix, U.S., Age 18+, June 2015 https://goo.gl/FZxTPR
80%
of time spent is in
users’ top 3 apps
Source: comScore Mobile Metrix, U.S., Age 18+, June 2015 https://goo.gl/FZxTPR
ZERO
Number of apps the
average user installs per
month
Source: comScore Mobile Metrix, U.S., Age 18+, June 2015 https://g...
Reach
Capability
Reach
Capability
Progressive Web Apps
means radically improving web
user experiences
User Experiences Need to Be…
Reliable
Lie-Fi
Reliability means never showing
the Downasaur
User Experiences Need to Be…
Reliable Fast
of users abandon sites that take
longer than 3 seconds to load53%
https://goo.gl/XuXcJx
User Experiences Need to Be…
Reliable Fast Engaging
Engaging
Home Screen Immersive Notifications
Web Push
Notifications
No surprises!
Progressive Web Apps Are
Reliable Fast Engaging
Service Workers: Reliable applications
Web server
Service worker
Cache
Web server
Service Workers: A client-side JavaScript
proxy
Why is it important?
Reach
1B
monthly mobile
chrome users
https://goo.gl/yOXHPr
76% increase
IN CONVERSIONS
14% more monthly
ACTIVE USERS ON iOS
30% more monthly
ACTIVE USERS ON ANDROID
Progressive Web Apps
are progressive.
(Not everything works everywhere yet,
but user experience is the key.)
How do I get started?
Start Secure
HTTPS: Secure connection
between site and users
Keeping Users Safe
Identity Confidentiality Integrity
Three Approaches to PWA-ifying
from the ground up
a single feature
a simple version
Three Approaches to PWA-ifying
from the ground up
a single feature
a simple version
Both data points are compared to native app
82% less data
TO COMPLETE FIRST
TRANSACTION
92% less data
FOR INITIAL LOAD
Three Approaches to PWA-ifying
from the ground up
a single feature
a simple version
<1s
INITIAL LOADING TIME AND
EVEN FASTER FOR
SUBSEQUENT LOADS
Three Approaches to PWA-ifying
from the ground up
a single feature
a simple version
1,000,000+
OPT-INS IN THE FIRST THREE
MONTHS
60+ languages
ROLLED OUT GLOBALLY WITH
WEB PUSH NOTIFICATIONS
Which Approach Will You Take?
from the ground up
a single feature
a simple version
Go build!
meow
Thank
You!
Progressive Web App - Google IO Extended Alexandria 2017
Progressive Web App - Google IO Extended Alexandria 2017
Progressive Web App - Google IO Extended Alexandria 2017
Progressive Web App - Google IO Extended Alexandria 2017
Progressive Web App - Google IO Extended Alexandria 2017
Progressive Web App - Google IO Extended Alexandria 2017
Progressive Web App - Google IO Extended Alexandria 2017
Próximos SlideShares
Carregando em…5
×

Progressive Web App - Google IO Extended Alexandria 2017

255 visualizações

Publicada em

Progressive Web Apps are experiences that combine the best of the web and the best of apps. They are useful to users from the very first visit in a browser tab, no install required. As the user progressively builds a relationship with the app over time, it becomes more and more powerful. It loads quickly, even on flaky networks, sends relevant push notifications, has an icon on the home screen, and loads as a top-level, full screen experience.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Progressive Web App - Google IO Extended Alexandria 2017

  1. 1. Progressive Web App
  2. 2. Web Developer GDG Alexandria Organizer nadermousa92@gmail.com linkedin.com/in/nader-khaled/ facebook.com/Nader.Khaled.Mousa Nader Khaled
  3. 3. https://goo.gl/lLgLiR
  4. 4. vs.13% 87% Mobile web Apps Source: comScore Mobile Metrix, U.S., Age 18+, June 2015 https://goo.gl/FZxTPR
  5. 5. 80% of time spent is in users’ top 3 apps Source: comScore Mobile Metrix, U.S., Age 18+, June 2015 https://goo.gl/FZxTPR
  6. 6. ZERO Number of apps the average user installs per month Source: comScore Mobile Metrix, U.S., Age 18+, June 2015 https://goo.gl/FZxTPR
  7. 7. Reach Capability
  8. 8. Reach Capability
  9. 9. Progressive Web Apps means radically improving web user experiences
  10. 10. User Experiences Need to Be… Reliable
  11. 11. Lie-Fi
  12. 12. Reliability means never showing the Downasaur
  13. 13. User Experiences Need to Be… Reliable Fast
  14. 14. of users abandon sites that take longer than 3 seconds to load53% https://goo.gl/XuXcJx
  15. 15. User Experiences Need to Be… Reliable Fast Engaging
  16. 16. Engaging Home Screen Immersive Notifications
  17. 17. Web Push Notifications
  18. 18. No surprises!
  19. 19. Progressive Web Apps Are Reliable Fast Engaging
  20. 20. Service Workers: Reliable applications Web server
  21. 21. Service worker Cache Web server Service Workers: A client-side JavaScript proxy
  22. 22. Why is it important?
  23. 23. Reach 1B monthly mobile chrome users
  24. 24. https://goo.gl/yOXHPr
  25. 25. 76% increase IN CONVERSIONS 14% more monthly ACTIVE USERS ON iOS 30% more monthly ACTIVE USERS ON ANDROID
  26. 26. Progressive Web Apps are progressive. (Not everything works everywhere yet, but user experience is the key.)
  27. 27. How do I get started?
  28. 28. Start Secure
  29. 29. HTTPS: Secure connection between site and users
  30. 30. Keeping Users Safe Identity Confidentiality Integrity
  31. 31. Three Approaches to PWA-ifying from the ground up a single feature a simple version
  32. 32. Three Approaches to PWA-ifying from the ground up a single feature a simple version
  33. 33. Both data points are compared to native app 82% less data TO COMPLETE FIRST TRANSACTION 92% less data FOR INITIAL LOAD
  34. 34. Three Approaches to PWA-ifying from the ground up a single feature a simple version
  35. 35. <1s INITIAL LOADING TIME AND EVEN FASTER FOR SUBSEQUENT LOADS
  36. 36. Three Approaches to PWA-ifying from the ground up a single feature a simple version
  37. 37. 1,000,000+ OPT-INS IN THE FIRST THREE MONTHS 60+ languages ROLLED OUT GLOBALLY WITH WEB PUSH NOTIFICATIONS
  38. 38. Which Approach Will You Take? from the ground up a single feature a simple version
  39. 39. Go build! meow
  40. 40. Thank You!

×