Measuring environmental impact reductions: [...]

on YouTube ↗25m

" summary

A fake dating site for cows called Hondura gets benchmarked with Lighthouse and a Green-IT eco tool that returns eco-index 82 and an A grade; a hand-built React version shows similar eco scores to the Svelte rewrite because the index weights DOM size, while Svelte cuts JavaScript bundle size and raises Lighthouse performance. Measured numbers: eco index barely moves, performance metrics improve with Svelte. Recommendation: reduce DOM complexity, optimize images and CSS, and run Lighthouse in CI.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 1:10What is this presentation about
3. 2:50Measuring environmental impact
4. 5:14Lighthouse
5. 11:21Zvelt
6. 15:06React vs VELT
7. 16:48Conclusion
8. 18:11Questions

" related talks

• 25mMeasuring environmental impact reductions: [...]Gregory Pelletier · apidays Paris 2020
• 17mWhat I Learned Benchmarking ReactDominic Gannaway · ReactEurope 2017
• 24mOptimising React’s TTILuis Felipe Román · ReactiveConf 2019
• 39mFrom make it work to make it fast: quick wins to boost your applicationJonathan Hervieux · Devoxx France 2021
• 20mThe Role of Frontend Code in Reducing Carbon EmissionsJulia Ziebinska · Conf42 JavaScript 2023
• 21mMaking Your React Apps Perform At ScaleMilecia McGregor · React Summit 2020
• 27mSlashing Performance Bottlenecks and Poor User ExperienceHenri Helvetica · React Brussels 2023
• 34mOptimizing Performance in Large-Scale React & Node.js ApplicationsTejas Gavankar, Hrithik Gavankar · DevConf.CZ 2025