Building a Planet Friendly Web

F714edfc5fb866afe3a2891450596814?s=47 Chris Adams
February 15, 2018

Building a Planet Friendly Web

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

F714edfc5fb866afe3a2891450596814?s=128

Chris Adams

February 15, 2018
Tweet

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/