Progressive webapps at the Guardian

Presentation given at https://webprogressions.org.

Transcript

1. progressive webapps theguardian
2. @sndrs
3. -£58.6m
4. -250 jobs
5. people are uninstalling apps
6. people are uninstalling apps people can’t install apps
7. Álvarez vs Khan post-match report RoW AU US UK Mobile app Mobile browser Other
8. Álvarez vs Khan liveblog RoW AU US UK Mobile app Mobile browser Other
9. Álvarez vs Khan liveblog Other Android Safari Chrome
10. app users are more engaged
11. 1. Add to home screen • +20% engagement from home screen • old add-to-home-screen bookmarks current URL • manifest has one start_url
12. 2. Notifications • our alert frequency is too high • general alert fatigue
13. 2. Notifications
14. 2. Notifications
15. 2. Notifications • a website sending me notifications? • don’t you mean ‘email’? • how much will it cost? • I don’t want another account!
16. 2. Notifications • https://bit.ly/gu-https • https://bit.ly/gu-notifications • visit politics liveblog Try them!
17. 2. Notifications • too soon to learn much • the tech is evolving
18. 3. Offline page
19. 3. Offline page http://bit.ly/gu-offline
20. 3. Offline page • you could disable your whole site! • offline content needs to be downloaded (obviously)
21. 3. Offline page? • offline-first feels intuitively right • for a publisher, not obvious what it should be
22. 3. Offline page… • added very simple HTML page for all on-domain, failed HTML fetches • stores a pageview in a cookie • if you return to theguardian.com, we ping the view back and clear the cookie • measures offline visits, as a percentage of page views of https sections, by capable browsers…
23. 0.2% 3. Offline page
24. 3. Offline page • imperfect metric • no expectation you could use theguardian offline • probably only catches life-fi • flakey connection • likely to reconnect soon • people who know they’re offline unlikely to try – untapped
25. Anything else? • fonts • currently in localstorage
26. Issues • ~49% visits to theguardian.com support SW • ~32% mobile Safari • ~15% Chrome/Firefox/Opera for Android
27. HTTPS • requirement for PWAs • we’re moving, slowly but surely • technology • science • crosswords • business • guardian jobs microsite
28. HTTPS & ads • keeping an eye on revenue – insecure ads won’t show! • DFP ‘SSL compatibility’ • LEAN makes it mandatory
29. nothing
30. https is not an issue
31. Closing thoughts • Support is wide but not total • Implementation of the specs is iterative • It really is a sea-change – be ready to adopt it