Sustainable Web Design: Principles and Best Practices
summary
This talk explains how to reduce the carbon footprint of websites using measurable tools: it compares SitiGreen.it, Website Carbon and the CO2.js model and cites IEA electricity estimates (current 460 TWh, projected 1000 TWh by 2030). It shows how design choices make pages much heavier (one homepage was seven times larger) and poor engagement (most users never reach later slides), and describes concrete fixes implemented—lazy loading, local WOFF2 with 90% glyph trimming, eco/dark mode, YouTube placeholder—that yielded about a 30% reduction in size-recommender return values.
AI-written summary · about
chapters (8)
- 0:00Sustainable Web Design intro
- 6:34Web environmental impact
- 10:49Sustainable design best practices
- 17:13Color, font, image choices
- 23:58Indirect impacts and content policies
- 28:47Sustainable website standards
- 33:28Extending device lifespan
- 37:27Environmental impact challenges
related talks
33mUX and sustainable Web
51mdisplay: green; applying the web sustainability guidelines
22mDigital Ecology: Can you Mitigate The Carbon Footprint of Websites
30mReducing the Carbon Footprint of your Website
49mDesigning Energy Efficient Websites
34mCorporate Digital Responsibility: Designing a Sustainable Web
48mSustainable Design for Nature and All People
46mEach Design Is a Manifesto for the Future