WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
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 · WWC 2024

1:38 min

Reducing network payload for large digital website portfolios

Aydin Mir Mohammadi Aydin Mir Mohammadi · WWC Europe 2026

2:54 min

Measuring digital carbon footprint with developer tools

Lorenzo Pieri · LIVE

More from World Congress 2023

The year 3000, a brief history of Web Development thumbnail
25:30
over 2 years ago

The year 3000, a brief history of Web Development

Lorenzo Pieri

Demografie nutzen um jedem Bewerber das passende Angebot zu machen! thumbnail
8:52
over 2 years ago

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Guided Memory Management: Rust's Ownership Model thumbnail
0:18
over 2 years ago

Guided Memory Management: Rust's Ownership Model

Stefan Baumgartner

Passwordless future: WebAuthn and Passkeys in practice thumbnail
32:32
over 2 years ago

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner

External Secrets Operator: the secrets management toolbox for self-sufficient teams thumbnail
30:07
over 2 years ago

External Secrets Operator: the secrets management toolbox for self-sufficient teams

Moritz Johner

Building Reliable Serverless Applications with AWS CDK and Testing thumbnail
25:18
over 2 years ago

Building Reliable Serverless Applications with AWS CDK and Testing

Raphael Manke

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

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

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Secure-by-Inclusion: Preventing Accessibility Barriers from Becoming Security Vulnerabilities

Radostina (Ina) Tsvetkova

Norwegian Directorate of Labour and Welfare (NAV), Senior Advisor in Digital Accessibility and Inclusive Design

Radostina (Ina) Tsvetkova
Open session

World Congress 2026 North America

Autonomous Infrastructure: Building AI Agents for Global-Scale Capacity Efficiency

Gregoire Colin, Tommy Tran

Gregoire Colin
Tommy Tran

Related videos

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

How Your Bundle Size Affects The Climate thumbnail
53:16
JS Congress • over 4 years ago

How Your Bundle Size Affects The Climate

Roy Derks

Sleek, Swift, and Sustainable: Optimizations every web developer should consider thumbnail
29:14
WWC 2024 • almost 2 years ago

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

Andreas Taranetz

Introducing the W3C Web Sustainability Guidelines thumbnail
23:21
WWC 2024 • almost 2 years ago

Introducing the W3C Web Sustainability Guidelines

Ines Akrap

11 Tips for Greener Code thumbnail
9:23
WWC 2023 • almost 3 years ago

11 Tips for Greener Code

Kent Simonsen

Green Cloud Computing thumbnail
35:20
LIVE • about 3 years ago

Green Cloud Computing

Doreen Sacker

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.