> Markdown version of [/videos/560-sustainable-me-a-tale-of-good-design?t=1823](https://www.wearedevelopers.com/videos/560-sustainable-me-a-tale-of-good-design?t=1823). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Sustainable me. A tale of good design.

The internet's carbon emissions now rival global aviation. Learn how strategic frontend optimizations, from tree shaking to efficient rendering, can drastically cut your web application's hidden energy drain.

- **Speakers:** Lorenzo Pieri
- **Event:** WeAreDevelopers LIVE
- **Published:** April 18, 2023
- **Duration:** 1:05:49
- **URL:** https://www.wearedevelopers.com/videos/560-sustainable-me-a-tale-of-good-design

## Summary

As the internet's carbon emissions approach those of the global aviation industry, mitigating the environmental impact of web applications has become an urgent priority for modern developers. This presentation explores the concept of "sustainable software engineering," shifting the paradigm from purely performance-driven development to carbon-conscious design. By understanding the true cost of digital infrastructure—such as the hidden energy drain of LCD screens running dark themes compared to true black OLEDs—teams can implement targeted optimizations that improve user experience while systematically cutting greenhouse gas emissions. Small adjustments, like eliminating unused code or questioning the necessity of a heavy UI feature, hold massive compounding potential when scaled across millions of active daily users.

Achieving a low-impact architecture involves practical, high-value improvements across the modern frontend stack. Developers can significantly decrease energy consumption by meticulously managing CSS rendering phases, minifying assets, and leveraging tree shaking to drastically reduce JavaScript bundle sizes. Efficient asset delivery strategies, including the adoption of WebP images, variable typography, and robust caching mechanisms via edge computing and content delivery networks, further trim bandwidth and CPU workload. Ultimately, evaluating the entire digital supply chain—from migrating to green cloud hosting to embracing asynchronous remote communication practices—empowers developers to integrate environmental stewardship seamlessly into their technical culture.

**Keywords:** sustainable software engineering, digital carbon footprint, frontend performance optimization, web energy consumption, tree shaking javascript, edge computing sustainability, reducing website bandwidth, oled dark mode energy savings, variable fonts optimization, green cloud hosting, responsive css media queries, asynchronous team communication, webp image optimization, internet greenhouse gas emissions, carbon-conscious web design

## Chapters

1. **Front-end versus back-end illusions in waste recycling** (00:00) — How a visual facade of partitioned waste obscures actual combined trash collection systems.
1. **Internet traffic growth and website carbon footprint** (03:15) — Analyzing the massive rise in web page resource weights alongside greenhouse gas emissions.
1. **Comparing carbon footprints across different popular websites** (07:21) — Benchmarking personal text blogs against major media platforms highlights the massive variations in daily digital emissions.
1. **Screen technologies and the actual energy savings of dark mode** (10:46) — Turning on dark themes only conserves battery power for devices that physically turn off pixels.
1. **Measuring digital carbon footprint with developer tools** (13:07) — Specific tools and code libraries calculate the precise ambient footprint caused by domain hosting and script execution.
1. **Applying principles of good design to modern software** (16:01) — Adopting minimalist system configurations directly prevents unnecessary processing requests and unneeded storage variables.
1. **Optimizing cascading style sheets for environmental sustainability** (19:20) — Minifying code files and reducing complex layout repaints lower client-side battery resource strain.
1. **Reducing JavaScript bundle sizes for multiplied carbon savings** (22:35) — Tree shaking unused framework modules dramatically cuts bandwidth usage across thousands of daily user sessions.
1. **Optimizing digital assets through image formats and variable fonts** (26:53) — Modern compression formats prevent unneeded pixel generation and excessive typography from throttling network bandwidth.
1. **Reducing server load and latency with edge computing architectures** (30:23) — Serving computational logic geographically closer to end users minimizes power-heavy data transfers.
1. **Adopting asynchronous workflows and sustainable cloud infrastructures** (31:54) — Ditching urgent synchronous communication models and selecting green energy data centers continually decreases operational footprint overheads.
1. **Quantifying emissions of emails and video meetings** (34:57) — Minimizing daily virtual corporate meetings and chat traffic curbs compounding server infrastructure requirements.
1. **Discovering programmable logic through early video game modding** (41:41) — Modifying legacy software environments provides an accessible entryway into scripting concepts and logic application design.
1. **Evaluating artificial intelligence usage against structural climate impacts** (45:15) — Measuring excessive server computations tests if language models validate their large energy footprint against objective workflow productivity gains.
1. **Advocating for green tech policies inside modern software companies** (47:34) — Changing rigid hardware dependency cycles directly installs tangible climate awareness within standard corporate decision trees.
1. **Shifting future model inference to local mobile devices** (50:02) — Offloading heavy language processing requests away from centralized data hubs maximizes targeted mobile energy limitations.
1. **Practical adjustments for greener technology consumption** (54:28) — Swapping out overpowered hardware components limits ongoing passive ecological burdens across typical engineering workflows.
1. **Advancing sustainable tech careers through open source communities** (57:31) — Participating in active developer networks constructs public collaboration structures that circumvent unnecessary duplicate engineering overheads.
1. **Finding enduring inspiration in early 3D game engines** (62:46) — Appreciating restrictive legacy rendering capabilities reminds software architects exactly why fundamental algorithmic performance matters today.

## Related Moments

- [The intersection of web performance and sustainability](https://www.wearedevelopers.com/videos/636-reducing-the-carbon-footprint-of-your-website) (from "Reducing the carbon footprint of your website")
- [Connecting web performance optimization to ecological sustainability](https://www.wearedevelopers.com/videos/937-sleek-swift-and-sustainable-optimizations-every-web-developer-should-consider) (from "Sleek, Swift, and Sustainable: Optimizations every web developer should consider")
- [Implementing architectural best practices for sustainable software systems](https://www.wearedevelopers.com/videos/1414-a-hitchhiker-s-guide-to-resource-efficient-software) (from "A Hitchhiker's Guide to Resource Efficient Software")
- [Sustainable UX and digital environmental impact](https://www.wearedevelopers.com/videos/1769-fireside-chat-ai-and-sustainability-thorsten-jonas) (from "Fireside Chat: AI and Sustainability - Thorsten Jonas")
- [Coding for environmental sustainability in software engineering](https://www.wearedevelopers.com/videos/602-unlocking-the-potential-of-digital-it-at-vodafone) (from "Unlocking the potential of Digital & IT at Vodafone")
- [Leveraging community resources for sustainable web design](https://www.wearedevelopers.com/videos/636-reducing-the-carbon-footprint-of-your-website) (from "Reducing the carbon footprint of your website")

## Related Articles

- [Is Software Development Making the Climate Crisis Worse?](https://www.wearedevelopers.com/magazine/551-is-software-development-making-the-climate-crisis-worse)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Dev Digest 113 - Debugging above the cloud](https://www.wearedevelopers.com/magazine/422-dev-digest-113-debugging-above-the-cloud)
- [Dev Digest 126 - * yells at cloud](https://www.wearedevelopers.com/magazine/463-dev-digest-126-yells-at-cloud)

## Related Jobs

- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/639235-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/679408-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/644637-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/646086-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/643147-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/645320-remote-senior-full-stack-engineer) at **Edge Impulse**