WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
JavaScript Congress β€’ Nov 25, 2021

How Your Bundle Size Affects The Climate

Roy Derks

Unoptimized JavaScript does more than throttle CPU performance. It actively generates a massive carbon footprint. Discover how shrinking your bundle size makes applications fast and climate-friendly.

Pause
Mute Enter Fullscreen
#1 about 5 min

The energy consumption of internet growth and data centers

Growing website payload sizes and high-profile data center expansions drastically impact global energy consumption grids.

#2 about 7 min

How internet consumption patterns and screen time have evolved

Increased daily screen time and resource-heavy commercial behaviors functionally multiply global data transmission volumes.

#3 about 3 min

The environmental impact of excessively large JavaScript bundles

Monolithic web dependencies require massive script downloads that bottleneck device rendering capabilities and power consumption.

#4 about 4 min

How average website payload sizes have grown over time

The structural complexity, byte weights, and media footprint of popular websites have grown exponentially over ten years.

#5 about 6 min

The shift toward JavaScript frameworks for web development

The widespread adoption of client-side application frameworks directly increases overall application layer complexity and related hardware energy requirements.

#6 about 2 min

Optimizing websites for high performance and energy efficiency

Implementing content delivery mechanisms and caching protocols makes software stacks demonstrably more sustainable to operate.

#7 about 3 min

Calculating the carbon footprint and energy impact of websites

Dedicated web carbon calculators mathematically estimate the compute intensity and planetary cost of serving unoptimized web pages.

#8 about 9 min

Comparing the planetary impact of large and minimal websites

There is a vast greenhouse emissions gap between heavily clustered client applications and clean, minimal HTML-only prototypes.

#9 about 10 min

Reducing environmental impact with static site generators and Jamstack

Jamstack application principles and static site generators dramatically shrink final delivery payloads by resolving component trees statically during compilation.

#10 about 3 min

Implementing network asset compression using gzip and Brotli

Compressing standard server responses via established text algorithms successfully minimizes outbound component bandwidth usage over HTTP channels.

#11 about 3 min

Reducing resource waste with code splitting and dynamic imports

Isolating component logic into dynamically fetched modules prevents connecting clients from processing completely unused application sectors upfront.

#12 about 2 min

Selecting green hosting providers and sustainable data center infrastructure

Choosing production operations providers that run facilities exclusively on renewable energy immediately scales back indirect digital emissions.

Matching moments

4:18 min

Reducing JavaScript bundle sizes for multiplied carbon savings

Lorenzo Pieri Β· LIVE

2:13 min

The intersection of web performance and sustainability

Ines Akrap Ines Akrap Β· World Congress 2023

1:38 min

Reducing network payload for large digital website portfolios

Aydin Mir Mohammadi Aydin Mir Mohammadi Β· World Congress 2026 Europe

2:55 min

Built-in performance benefits of the Jamstack architecture

Tamas Piros Tamas Piros Β· World Congress 2021

2:54 min

Reducing JavaScript bundle sizes with build tools

Shem Magnezi Shem Magnezi Β· World Congress 2025

4:05 min

Internet traffic growth and website carbon footprint

Lorenzo Pieri Β· LIVE

More from JavaScript Congress

The Eternal Sunshine of the Zero Build Pipeline thumbnail
50:10
almost 5 years ago

The Eternal Sunshine of the Zero Build Pipeline

Teini - an extremely small webshop leveraging awesome and free tech thumbnail
40:45
almost 5 years ago

Teini - an extremely small webshop leveraging awesome and free tech

Christian K

Native Web Apps: Are We There Yet? thumbnail
44:40
almost 5 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Modern Web Development with Nuxt3 thumbnail
41:43
almost 5 years ago

Modern Web Development with Nuxt3

Alexander Lichter

Making neural networks portable with ONNX thumbnail
54:49
almost 5 years ago

Making neural networks portable with ONNX

Ron Dagdag

JavaScript the Grumpy Parts thumbnail
46:08
almost 5 years ago

JavaScript the Grumpy Parts

Rob Richardson

Upcoming sessions on this topic

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

How We Cut Our API's p99 Latency from Minutes to Under a Second

  • Deepak Agrawal

    Atlassian

    Principal Software Engineer

Open session

Supply Chain Security for the Everyday Engineer

  • Pradumna Saraf

    Kestra Technologies

    Quality Assurance Engineer

Related videos

Reducing the carbon footprint of your website thumbnail
30:07
World Congress 2023 β€’ about 3 years ago

Reducing the carbon footprint of your website

Ines Akrap

Sustainable me. A tale of good design. thumbnail
1:05:49
LIVE β€’ over 3 years ago

Sustainable me. A tale of good design.

Lorenzo Pieri

Jamstack and Web Performance, a match made in heaven thumbnail
42:04
World Congress 2021 β€’ over 5 years ago

Jamstack and Web Performance, a match made in heaven

Tamas Piros

A Practical Guide to Reducing Bundle Size thumbnail
26:20
World Congress 2025 β€’ about 1 year ago

A Practical Guide to Reducing Bundle Size

Stephen Cooper

Sleek, Swift, and Sustainable: Optimizations every web developer should consider thumbnail
29:14
World Congress 2024 β€’ about 2 years ago

Sleek, Swift, and Sustainable: Optimizations every web developer should consider

Andreas Taranetz

The Lean Web thumbnail
46:46
JS Congress β€’ almost 5 years ago

The Lean Web

Chris Ferdinandi

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.