Ines Akrap

Reducing the carbon footprint of your website

Did you know the internet pollutes more than the aviation industry? Learn how web performance best practices can directly reduce your website's carbon footprint.

Reducing the carbon footprint of your website
#1about 3 minutes

Calculating the internet's surprising carbon footprint

The internet's collective carbon emissions surpass those of the aviation industry, primarily due to the electricity required to power its infrastructure.

#2about 2 minutes

How web performance directly impacts web sustainability

Optimizing for web performance inherently reduces a website's carbon footprint, creating a strong overlap between the two disciplines.

#3about 6 minutes

How to measure a website's carbon emissions

Use tools like WebPageTest and libraries like CO2.js to estimate a site's carbon footprint based on the Sustainable Web Design model.

#4about 1 minute

Choosing green hosting to reduce your impact

Select a hosting provider that runs on renewable energy, which can be verified through resources like The Green Web Foundation.

#5about 3 minutes

Optimizing fonts and removing unused assets

Reduce page weight significantly by auditing and removing unused assets like font files, and optimize remaining fonts by subsetting them.

#6about 2 minutes

Strategies for optimizing website images

Optimize images by resizing them to fit their display containers and serving them in modern, efficient formats to reduce data transfer.

#7about 2 minutes

Using the import on interaction pattern for videos

Implement the facade pattern for heavy components like video players by loading a lightweight placeholder and only initializing the full component upon user interaction.

#8about 2 minutes

Further resources for sustainable web development

Explore additional resources like the Green Web Foundation and upcoming W3C guidelines to continue learning about sustainable web practices.

#9about 5 minutes

Q&A on SSR, caching, and accessibility

This Q&A session explores the benefits of server-side rendering, edge caching, and how accessibility is a core principle of sustainable web design.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

How a broken frontend culture impacts the web
04:02 MIN

How a broken frontend culture impacts the web

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

The industry's focus on frameworks over web fundamentals
11:32 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Organizing a developer conference for 15,000 attendees
01:32 MIN

Organizing a developer conference for 15,000 attendees

Cat Herding with Lions and Tigers - Christian Heilmann

The business case for sustainable high performance
03:34 MIN

The business case for sustainable high performance

Sustainable High Performance: Build It or Pay the Price

Increasing the value of talk recordings post-event
04:57 MIN

Increasing the value of talk recordings post-event

Cat Herding with Lions and Tigers - Christian Heilmann

The only frontend stack that truly matters
11:10 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Choosing the right fonts for web legibility and performance
05:41 MIN

Choosing the right fonts for web legibility and performance

Slopquatting, API Keys, Fun with Fonts, Recruiters vs AI and more - The Best of LIVE 2025 - Part 2

The enduring value of freelance development for small businesses
07:26 MIN

The enduring value of freelance development for small businesses

Slopquatting, API Keys, Fun with Fonts, Recruiters vs AI and more - The Best of LIVE 2025 - Part 2

Featured Partners

Related Videos

See all videos
Introducing the W3C Web Sustainability Guidelines23:21

Introducing the W3C Web Sustainability Guidelines

Ines Akrap

Sustainable me. A tale of good design.1:05:49

Sustainable me. A tale of good design.

Lorenzo Pieri

It's not easy being green1:02:22

It's not easy being green

Marjolein Pordon

Sleek, Swift, and Sustainable: Optimizations every web developer should consider29:14

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

Andreas Taranetz

An Architect’s guide to reducing the carbon footprint of your applications55:18

An Architect’s guide to reducing the carbon footprint of your applications

Ricardo Sueiras Sueiras

11 Tips for Greener Code09:23

11 Tips for Greener Code

Kent Simonsen

Minimising the Carbon Footprint of Workloads27:46

Minimising the Carbon Footprint of Workloads

Michael Mueller

How Your Bundle Size Affects The Climate53:16

How Your Bundle Size Affects The Climate

Roy Derks

Related Articles

View all articles
DC
Daniel Cranney
Is Software Development Making the Climate Crisis Worse?
The incredible rate at which technology is developing is clear for all to see. Each week here at WeAreDevelopers, we hear about exciting innovations in the realms of hardware, software, devices, infrastucture, and (of course) AI. Each one presents op...
Is Software Development Making the Climate Crisis Worse?

From learning to earning

Jobs that call for the skills explored in this talk.

Full Stack Engineer

Full Stack Engineer

Climax.eco
Rotterdam, Netherlands

€70-100K
Senior
TypeScript
PostgreSQL
Cloud (AWS/Google/Azure)