Progressive Web Apps

363ae3986ffcb775ca374c83576121d1?s=47 Max Böck
September 22, 2017

Progressive Web Apps

An Introduction to PWA

363ae3986ffcb775ca374c83576121d1?s=128

Max Böck

September 22, 2017
Tweet

Transcript

  1. Max Böck // @mxbck // mxb.at Progressive Web Apps

  2. Top 500 Apps vs. Top 500 Mobile Websites Source: comScore

    Mobile App Report, U.S., Age 18+, June 2017
  3. Advantages of PWAs • Better Re-Engagement • Discoverable (Open App

    Stores) • Installable on Home Screen • Better Search Ranking • Connectivity Independent • Platform Independent
  4. PWAs don’t have to be Applications” “

  5. PWAs don’t have to be Single Page JS Apps

  6. PWAs are not a Google / Android thing

  7. Manifest File

  8. None
  9. None
  10. Manifest File HTTPS

  11. https://letsencrypt.org

  12. Manifest File HTTPS Service Worker

  13. Service Worker

  14. None
  15. Offline Access Push Notifications Background Sync

  16. Service Worker Support shipped shipped shipped shipped currently in development

    currently in development Source: https://jakearchibald.github.io/isserviceworkerready, September 2017
  17. https://workboxjs.org

  18. Google Lighthouse

  19. None
  20. None
  21. Any web project can and should be a PWA.

  22. Thank you! Max Böck @mxbck https://mxb.at