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?
51:26 MIN
Choosing a hosting provider that uses green energy
How Your Bundle Size Affects The Climate
27:12 MIN
How web performance contributes to sustainability
Sleek, Swift, and Sustainable: Optimizations every web developer should consider
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.
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


