Measuring environmental impact reductions: [...]
summary
A React site is migrated to Svelte and measured with Lighthouse and a Green IT eco-index, using a local production-optimized demo called Hondura bovine dating site. Green analysis returns an A and eco-index 82 driven mainly by request count, page bytes and DOM size; Svelte shrinks JS and improves Lighthouse performance metrics but yields only marginal eco-index change because DOM complexity stays the same. CI integration for Lighthouse/green tools works; priority recommendations are DOM simplification, image and CSS optimization rather than framework swaps.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:10What is this presentation about
- 2:50Measuring environmental impact
- 5:14Lighthouse
- 11:21Zvelt
- 15:06React vs VELT
- 16:48Conclusion
- 18:11Questions
related talks
25mMeasuring environmental impact reductions: [...]
24mOptimising React’s TTI
20mThe Role of Frontend Code in Reducing Carbon Emissions
21mMaking Your React Apps Perform At Scale
39mFrom make it work to make it fast: quick wins to boost your application
22mmacOS Web: Why I moved from React to Svelte
40mDid We(b Development) Lose the Right Direction?
40mThe state of frontend frameworks in 2023