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.
#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
04:45 MIN
Measuring a website's carbon footprint with online tools
How Your Bundle Size Affects The Climate
02:02 MIN
How web performance contributes to sustainability
Sleek, Swift, and Sustainable: Optimizations every web developer should consider
01:42 MIN
Overcoming the challenges of sustainable web design
Introducing the W3C Web Sustainability Guidelines
03:30 MIN
Analyzing the carbon footprint of different websites
Sustainable me. A tale of good design.
03:57 MIN
Case study of a minimal website's low carbon footprint
How Your Bundle Size Affects The Climate
04:42 MIN
Case study of a bloated website's high carbon footprint
How Your Bundle Size Affects The Climate
07:17 MIN
The surprising environmental impact of the internet
Web Development Best Practices: What The Data Tells usWelcome to the new issue of the WeAreDevelopers Live Talk series. This article recaps an interesting talk by Laurie Voss who gave advice about the best practices in web development. What you will learn:What’s the current state of web development - “k...
Anto Pranjić
11 Tips to Make The Most Out of Your First World Congress The world’s most awesome event for developers is taking place in less than a month! It’s been far too long since the last time we met in person, but that’s only going to make this year’s WeAreDevelopers World Congress a truly special experience. Conf...
Chris Heilmann
Find all accessibility problems in a page to take part in the CODE100 final!Today we had our Accessibilty WeAreDevelopers LIVE day and as part of this, we have a new CODE100 challenge. This time it is not about coding something, but about debugging instead. We have put together an alternative page for the LIVE day that is fu...