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 · 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

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
almost 3 years ago

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Guided Memory Management: Rust's Ownership Model thumbnail
0:18
almost 3 years ago

Guided Memory Management: Rust's Ownership Model

Stefan Baumgartner

Passwordless future: WebAuthn and Passkeys in practice thumbnail
32:32
almost 3 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
almost 3 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
almost 3 years ago

Building Reliable Serverless Applications with AWS CDK and Testing

Raphael Manke

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

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

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

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

  • Deepak Agrawal

    Atlassian

    Principal Software Engineer

Open session

AI Is the Easy Part: Why Faster Engineers Don't Make Faster Businesses

  • Bharat Sharma

    Booking

    Senior Engineering Manager

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 • almost 5 years ago

How Your Bundle Size Affects The Climate

Roy Derks

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

Introducing the W3C Web Sustainability Guidelines thumbnail
23:21
World Congress 2024 • about 2 years ago

Introducing the W3C Web Sustainability Guidelines

Ines Akrap

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

11 Tips for Greener Code

Kent Simonsen

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

Green Cloud Computing

Doreen Sacker

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.