Reducing the Carbon Footprint of your Website
summary
Average page weight sits at 2.2 MB average page which converts—at 1,000 monthly views—to ~25.8 GB/year and ~9.2 kg CO2 per page, and multiplied by ~30 billion sites yields ~276 million metric tons CO2. Measurement uses WebPageTest with CO2.js plus WebsiteCarbon and EcoGrader; W3C released a first-draft Sustainable Web Design guideline on Aug 30. Practical wins shown: images reduced ~60% and lazy loading added, fonts change to WOFF2 and fonts subset to 16.7 KB, green hosting via Green Web Foundation, and caching that produced an 80% infrastructure cost drop.
AI-written summary · about
chapters (11)
- 0:00Introduction to digital carbon footprint
- 2:52Personal journey into web sustainability
- 4:59Measuring website carbon emissions
- 7:26Sustainable Web Design Model
- 10:18W3C sustainable web guidelines
- 13:13Optimizing images for sustainability
- 18:10Font optimization strategies
- 20:40Choosing sustainable hosting
- 22:04Browser caching benefits
- 23:08Resources and next steps
- 25:19Q&A on implementing sustainability
related talks
49mDesigning Energy Efficient Websites
22mDigital Ecology: Can you Mitigate The Carbon Footprint of Websites
38mSustainable Web Design: Principles and Best Practices
33mUX and sustainable Web
20mThe Role of Frontend Code in Reducing Carbon Emissions
10mSustainable means performant
18mCan you mitigate the carbon footprint of websites?
51mdisplay: green; applying the web sustainability guidelines