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.
Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
TypeScript
React
Matching moments
02:33 MIN
Why you might not need JavaScript for everything
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
03:31 MIN
The value of progressive enhancement and semantic HTML
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
04:02 MIN
How a broken frontend culture impacts the web
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
03:16 MIN
Improving the developer feedback loop with specialized tools
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
09:00 MIN
Navigating the growing complexity of modern CSS
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
03:58 MIN
Making accessibility tooling actionable and encouraging
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
03:34 MIN
The business case for sustainable high performance
Sustainable High Performance: Build It or Pay the Price
Featured Partners
Related Videos
Introducing the W3C Web Sustainability Guidelines
Ines Akrap
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
Sleek, Swift, and Sustainable: Optimizations every web developer should consider
Andreas Taranetz
11 Tips for Greener Code
Kent Simonsen
Minimising the Carbon Footprint of Workloads
Michael Mueller
How Your Bundle Size Affects The Climate
Roy Derks
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.

Visonum GmbH
Remote
Junior
Intermediate
React
Redux
TypeScript







