Ines Akrap
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
23:07 MIN
Measuring a website's carbon footprint with online tools
How Your Bundle Size Affects The Climate
32:34 MIN
Case study of a minimal website's low carbon footprint
How Your Bundle Size Affects The Climate
27:52 MIN
Case study of a bloated website's high carbon footprint
How Your Bundle Size Affects The Climate
00:15 MIN
The growing impact of websites on the climate
How Your Bundle Size Affects The Climate
01:13 MIN
Website size and data center energy consumption are exploding
How Your Bundle Size Affects The Climate
15:27 MIN
A personal journey of analyzing and reducing carbon footprint
What can I do about climate change as a developer... and a human being?
27:12 MIN
How web performance contributes to sustainability
Sleek, Swift, and Sustainable: Optimizations every web developer should consider
51:26 MIN
Choosing a hosting provider that uses green energy
How Your Bundle Size Affects The Climate
Featured Partners
Related Videos
Sustainable me. A tale of good design.
Lorenzo Pieri
It's not easy being green
Marjolein Pordon
An Architect’s guide to reducing the carbon footprint of your applications
Ricardo Sueiras Sueiras
What can I do about climate change as a developer... and a human being?
Julien Lengrand-Lambert
Introducing the W3C Web Sustainability Guidelines
Ines Akrap
Decoding web accessibility through audit
Anuradha Kumari
Sleek, Swift, and Sustainable: Optimizations every web developer should consider
Andreas Taranetz
11 Tips for Greener Code
Kent Simonsen
From learning to earning
Jobs that call for the skills explored in this talk.


Full Stack Engineer
Climax.eco
Rotterdam, Netherlands
€70-100K
Senior
ETL
UX Design
PostgreSQL
Unit Testing
+1




Web / CMS Developer
Infinitivity Design Labs
Canton du Puy-en-Velay-1, France
Remote
CSS
HTML
WordPress
JavaScript








WebentwicklerIn
Ideenwerkstatt Tintifax
Saint Johann im Pongau, Austria






