Your frontend is ☠️ ⚠️ Let's measure its impact with CO2.js

on YouTube ↗31m

" summary

Live demo shows CO2.js from Green Web Foundation wired into a Next.js TypeScript app with Mantine and a small Node server to measure per‑visit bytes and convert them to grams of CO2 using the 1Byte and Sustainable Web Design models. The page reports about 0.86 g CO2 per kWh and lets the presenter toggle a 20 MB image to demonstrate 20 MB image → hundreds of km driving equivalent when multiplied by 10,000 visits, proving tiny frontend changes scale to measurable impact.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and welcome
2. 3:20Why sustainability matters
3. 7:40Legal and industry context
4. 11:20CO2.js explained
5. 14:14Live coding setup
6. 17:04Measuring CO2 emissions
7. 20:24Checking hosting sustainability
8. 22:08Backend monitoring demo
9. 24:36Comparison with car emissions
10. 29:22Key takeaways and resources

" related talks

• 45mYour frontend is ☠️ ⚠️ Let's measure its impact with CO2 jsKo Turk · Voxxed Days CERN 2025
• 18mCan you mitigate the carbon footprint of websites?Katarzyna Wojdalska · Conf42 JavaScript 2022
• 20mThe Role of Frontend Code in Reducing Carbon EmissionsJulia Ziebinska · Conf42 JavaScript 2023
• 49mDesigning Energy Efficient WebsitesInes Akrap, Claire Thornewill · LF Energy Summit 2023
• 10mSustainable means performantAlex Canessa · LeadDev London 2022
• 30mReducing the Carbon Footprint of your WebsiteInes Akrap · Infobip Shift 2023
• 22mDigital Ecology: Can you Mitigate The Carbon Footprint of WebsitesKatarzyna Wojdalska · XtremeJS 2022
• 38mSustainable Web Design: Principles and Best PracticesNicola Bonotto · BetterSoftware 2024