Building a Planet Friendly Web

The deck for my Sustainable UX 2018 talk - Building a Planet Friendly Web

Transcript

1. Building a Planet Friendly Web Chris Adams Sustainable UX - 2018
2. Chris Adams: @mrchrisadams Environmentally focussed web generalist
3. A.M.E.E. (Avoid Mass Extinction Engine) - CO2 calculation APIs Loco2 - Low CO2 travel in Europe by train TeaLight - Low CO2 cups of tea, with demand response Thermondo - heating installations in Germany (2nd biggest source of CO2 emissions) About me
4. Sustainable UX - Building a Planet Friendly Web @mrchrisadams
5. Sustainable UX - Building a Planet Friendly Web @mrchrisadams http://www.iea.org/media/news/2017/GlobalCarbonEmissions2.png http://www.iea.org/newsroom/news/2017/march/iea-finds-co2-emissions-flat-for-third-straight-year-even-as-global- economy-grew.html
6. Sustainable UX - Building a Planet Friendly Web @mrchrisadams http://folk.uio.no/roberan/t/global_mitigation_curves.shtml
7. Sustainable UX - Building a Planet Friendly Web @mrchrisadams © 2011-2012 GreenTouch Consortium 2020 ICT Carbon Footprint 820m tons CO2 360m tons CO2 260m tons CO2 2007 Worldwide ICT
 carbon footprint:
 2% = 830 m tons CO2 Comparable to the
 global aviation 
 industry Expected to grow 
 to 4% by 2020 The Climate Group, GeSI Report “Smart 2020”, 2008 Full report - https://www.slideshare.net/greentouch-org/intro-to-green-touch
8. Sustainable UX - Building a Planet Friendly Web @mrchrisadams http://www.ghgprotocol.org/
9. Sustainable UX - Building a Planet Friendly Web @mrchrisadams Scope 1 (sort of)
10. Sustainable UX - Building a Planet Friendly Web @mrchrisadams Scope 2 (sort of)
11. Sustainable UX - Building a Planet Friendly Web @mrchrisadams Scope 3 (sort of)
12. Sustainable UX - Building a Planet Friendly Web @mrchrisadams A mental model for thinking about this
13. Sustainable UX - Building a Planet Friendly Web @mrchrisadams Your Packets Your Platform Your Process
14. Your packets
15. http://www.electricitymap.org/
16. “Wireless access network technologies account for 90% of total wireless cloud energy consumption. Data centres account for only about 9%. The energy consumption of wireless user devices is negligible.” The power of wireless cloud 2013 (CEET - http://www.ceet.unimelb.edu.au/publications)
17. Power quote The power of wireless cloud 2013 (CEET - http://www.ceet.unimelb.edu.au/publications)
18. https://speedcurve.com/blog/web-performance-page-bloat/
19. Power quote https://performancebudget.io
20. Power quote speedcurve.com / calibreapp.com / sitespeed.io / Google lighthouse
21. Your packets Lossy changes Lossless changes
22. Your packets Lossy changes: How much of what you send is used by the client?
23. Your packets Lossless changes: How efficiently are the bits sent?
24. Lossy Lossless Matching asset sizes to devices Compression Tree shaking - smaller javascript builds Minification Asset Optimisation (video, images, audio) Caching, and Offline-first CDNs Developer friendly buzzwords
25. Time Is Money: The Business Value of Web Performance Tammy Evert https://www.amazon.com/Time-Money-Business-Value-Performance/dp/1491928743
26. perf-tooling.today
27. Putting it into perspective
28. Source Share of downstream traffic Netflix 35 % YouTube 18 % Amazon 4 % HTTP 4 % iTunes 3 % Hulu 3 % SSL 3 % https://www.sandvine.com/hubfs/downloads/archive/2016-global-internet-phenomena-report-latin-america-and-north-america.pdf Top 10 Peak Period Applications - North America, Fixed Access
29. Recap:
 Your packets Lossy changes Lossless changes
30. Your platform Provider Provisioning
31. Your platform Provider: Where did the power your servers run on come from?
32. Power quote From 2017 report - http://www.greenpeace.org/usa/global-warming/click-clean/
33. http://www.datacenterknowledge.com/archives/2016/05/11/akamai-pledges-to-source-renewable-energy-for-data-centers Contract for difference. How Akamai does renewable power in data centres they don’t own
34. http://www.datacenterknowledge.com/archives/2016/05/11/akamai-pledges-to-source-renewable-energy-for-data-centers
35. http://www.datacenterknowledge.com/archives/2016/05/11/akamai-pledges-to-source-renewable-energy-for-data-centers
36. http://www.datacenterknowledge.com/archives/2016/05/11/akamai-pledges-to-source-renewable-energy-for-data-centers
37. Your platform Provision: How many server resources do you use? And when?
38. The power of wireless cloud 2013 (CEET - http://www.ceet.unimelb.edu.au/publications)
39. “many workloads are spiky or drop to zero for extended periods… applications used in the workplace may only be active for 40 of the 168 hours in a week.” Adrian Cockroft @adrianco: AWS, ex Netflix @mrchrisadams https://medium.com/@adrianco/evolution-of-business-logic-from-monoliths-through-microservices-to-functions- ff464b95a44d#.4ap421dwr
40. PaaS: Higher unit cost in exchange for easier scaling
41. FaaS / Serverless: Even higher unit cost, to not think about scaling* * You still need to obviously, but differently
42. “the technical capabilities of serverless might not be that exciting, but the financial side sure is… Strong financial incentives for good design practices, and clear financial penalties for bad design” Gojko Adzic @mrchrisadamshttps://gojko.net/2016/08/27/serverless.html
43. When your second biggest cost after staff is data centres, you have a very good incentive to care about saving energy. @mrchrisadams https://deepmind.com/blog/deepmind-ai-reduces-google-data-centre-cooling-bill-40
44. Recap:
 Your platform Provider Provisioning
45. Your process 
 Getting around Getting shelter Getting feedback Getting paid
46. Your process 
 Getting around Getting shelter Getting feedback Getting paid
47. https://uxmag.com/articles/remote-user-research-usability-methods http://bit.ly/planetfriendlywebtalk
48. Your process 
 Getting around Getting shelter Getting feedback Getting paid
49. https://www.nytimes.com/interactive/2015/10/01/business/cost-of-mobile-ads.html
50. https://twitter.com/jonathansampson/status/963465011153833984
51. “what we actually sell is what I like to call the feeling of being informed when you get to the very end. So we sell the antidote to information overload — we sell a finite, finishable, very tightly curated bundle of content” Tom Standage @tomstandage: Deputy editor and head of digital strategy at The Economist http://www.niemanlab.org/2015/04/the-economists-tom-standage-on-digital-strategy-and-the-limits-of-a-model-based-on-advertising/
52. https://stratechery.com/2017/publishers-seek-antitrust-exemption-news-versus-advertising-a-better-solution-for-publishers/
53. Your Packets Your Platform Your Process
54. planetfriendlyweb.org/contributing Chris Adams @mrchrisadams chris@productscience.co.uk Help me turn this into a free guide bit.ly/planetfriendlywebtalk
55. Credits (noun project) 
 Your Process - Flowchart - Maria Kislitsina https://thenounproject.com/term/flow-chart/904061/ Your Packets - Network - Marie Van den Broeck https://thenounproject.com/search/?q=network&i=381046 Your Platform - CPU - Dinosoft Labs https://thenounproject.com/search/?q=cpu&i=1120852 Scope 1 - Kettle - Ruben Semedo https://thenounproject.com/search/?q=kettle&i=540961 Scope 2 - Electric Kettle - Aaron K. Kim https://thenounproject.com/term/kettle/123921 Scope 3 - Coffee Cup - Vectors Market https://thenounproject.com/term/coffee-takeaway/1203983/