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
00:15 MIN
Introducing sustainable UX and the problem of digital waste
aa
23:07 MIN
Measuring a website's carbon footprint with online tools
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
07:21 MIN
Analyzing the carbon footprint of different websites
Sustainable me. A tale of good design.
00:31 MIN
Overcoming the challenges of sustainable web design
Introducing the W3C Web Sustainability Guidelines
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:04 MIN
The surprising environmental impact of the internet
Sustainable me. A tale of good design.
Featured Partners
Related Videos
23:21Introducing the W3C Web Sustainability Guidelines
Ines Akrap
1:05:49Sustainable me. A tale of good design.
Lorenzo Pieri
1:02:22It's not easy being green
Marjolein Pordon
55:18An Architect’s guide to reducing the carbon footprint of your applications
Ricardo Sueiras Sueiras
29:14Sleek, Swift, and Sustainable: Optimizations every web developer should consider
Andreas Taranetz
09:2311 Tips for Greener Code
Kent Simonsen
27:46Minimising the Carbon Footprint of Workloads
Michael Mueller
53:16How Your Bundle Size Affects The Climate
Roy Derks
Related Articles
View all articles.gif?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.
Frontend Developer - Manufacturing Sustainability Insights
Autodesk
Parsberg, Germany
TypeScript
Adobe InDesign