World Congress 2023 Aug 11, 2023

Reducing the carbon footprint of your website

Ines Akrap

Did you know the internet generates 4% of global carbon emissions? Learn how developers use co2.js and payload reduction to build a faster, greener web.

Pause
Mute Enter Fullscreen
#1 about 3 min

Calculating the carbon footprint of static websites

The internet accounts for a significant percentage of global carbon emissions due to the electricity required by interconnected devices.

#2 about 3 min

The intersection of web performance and sustainability

Optimizing web performance directly reduces a website's carbon footprint by minimizing unused data transfer.

#3 about 2 min

Measuring website carbon emissions directly with WebPageTest

Auditing tools can effectively estimate baseline carbon emissions and check the green hosting status of a specific site.

#4 about 3 min

The sustainable web design carbon calculation model

Combining the energy profile of network infrastructure with grid carbon intensity accurately estimates output.

#5 about 1 min

Implementing CO2 measurements using the CO2.js library

The open-source CO2.js library provides consistent carbon calculations across different development tools.

#6 about 2 min

Analyzing full page weight and lazy loading

Adopting lazy loading delays data transfer until necessary, significantly lowering the initial payload of heavy web pages.

#7 about 2 min

Validating green hosting and clean energy usage

Choosing hosting providers powered by renewable energy offsets drastically limits the backend infrastructure emissions of web applications.

#8 about 3 min

Reducing bloated source code and excessive fonts

Removing unused code and subsetting font files limits unnecessary network requests and restrains heavy file sizes.

#9 about 2 min

Optimizing hero components and website image assets

Resizing images precisely to containers using modern compression formats drastically lightens visually heavy UI components.

#10 about 2 min

Deferring video players with import on interaction

Mocking video embeds and widgets with static images before user interaction prevents heavy third-party code execution.

#11 about 2 min

Leveraging community resources for sustainable web design

Integrating standards from foundations and W3C guidelines helps frontend teams implement systematic code sustainability strategies.

#12 about 5 min

Addressing rendering caching and CPU usage impacts

Technical implementation choices like server-side rendering and edge caching ultimately alter the hardware efficiency footprint.

Matching moments

4:05 min

Internet traffic growth and website carbon footprint

Lorenzo Pieri · LIVE

2:58 min

Calculating the carbon footprint and energy impact of websites

Roy Derks · JS Congress

1:51 min

Optimizing websites for high performance and energy efficiency

Roy Derks · JS Congress

1:57 min

Connecting web performance optimization to ecological sustainability

Andreas Taranetz Andreas Taranetz · World Congress 2024

1:38 min

Reducing network payload for large digital website portfolios

Aydin Mir Mohammadi Aydin Mir Mohammadi · World Congress 2026 Europe

2:54 min

Measuring digital carbon footprint with developer tools

Lorenzo Pieri · LIVE

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 9

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

September 25, 2026 · 16:50–17:20

Stage 4

Engineering Moneyball: How We Benchmarked Google vs Meta

Jirka Bachel

Co-Founder & CEO

Jirka Bachel
Open session

World Congress 2026 North America

September 25, 2026 · 16:10–16:40

Stage 4

Speed up your CI/CD pipelines by caching build & runtime artifacts

Thijs Feryn

Technical Evangelist at Varnish Software

Thijs Feryn
Open session

World Congress 2026 North America

September 25, 2026 · 16:00–16:10

Outdoor Stage

public void saveMoney(AI): The Developer's Guide to Unit Economics

Hrushikesh Pokala

Senior Software Engineer Lead at Equifax

Hrushikesh Pokala
Open session

World Congress 2026 North America

September 24, 2026 · 12:50–13:20

Stage 7

Architecting Agentic Apps: WebMCP, A2UI, and Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

September 25, 2026 · 12:55–13:25

Stage 5

Content Platforms: The Bottleneck Is Responsibility, Not Tech

Daniel Fau, Tom Warwick

Daniel Fau
Tom Warwick