display: green; applying the web sustainability guidelines
summary
The talk gives concrete levers: adopt the W3C Web Sustainability Guidelines (6 principles, 92 guidelines, 256 success criteria), measure with websitecarbon.com and CO2.js, and pick green hosts (Green Web Foundation lists 329 verified providers). Expect real numbers: median page size grows from 467K to 2,678K, iPhone 14 Pro has ~81% manufacturing emissions, and researchers estimate AI already consumes ~11–20% of data‑center power. Practical fixes include shaving kilobytes, removing unused JS, offering low‑carbon site versions and carbon budgets.
AI-written summary · about
chapters (22)
- 0:00Introduction
- 2:04Web sustainability matters now
- 5:33W3C sustainability guidelines
- 9:49Five areas to reduce emissions
- 10:10Minimize page sizes
- 15:05Optimize images and videos
- 16:31Reduce JavaScript bloat
- 19:21Assign sustainability roles
- 20:48Use platform features over libraries
- 21:51Support older devices
- 24:37Choose green hosting
- 27:47Carbon intensity and grid mix
- 28:48Serve low-carbon versions
- 30:12Avoid high-energy tech
- 36:51Offer green alternatives
- 38:59Optimize CSS
- 42:53Summary and call to action
- 43:56Q&A older devices
- 46:24Q&A reducing analytics JS
- 47:48Q&A regulation and legislation
- 48:51Q&A nuclear power plants
- 49:53Q&A user choice and media queries
related talks
38mSustainable Web Design: Principles and Best Practices
33mUX and sustainable Web
22mDigital Ecology: Can you Mitigate The Carbon Footprint of Websites
49mDesigning Energy Efficient Websites
10mSustainable means performant
27mWorking towards a greener world from behind the keyboard
41mHow to Be an Ethical and Green Developer
51mFast, Green, Responsive