A Carbon Budget for the Web
Climate change is no longer a distant concern for the tech industry. The internet is estimated to account for 3.7% of global carbon emissions—a figure on par with the entire aviation industry. This is a direct consequence of the work we do every day. While it's easy to overlook the environmental cost of a website when the emissions aren't physically visible, the reality is that the data centers, networks, and devices involved in serving a single page all consume energy. As web pages have ballooned to an average size of around 2MB, they have become both a performance liability for users on slow connections and a growing burden on the planet. Fortunately, the solutions to both problems are often the same; improving efficiency benefits both the user experience and the environment.
Defining a Carbon Target
One practical approach is to extend the well-established concept of performance budgets into a formal carbon budget. While performance budgets focus on metrics like page weight and load time, a carbon budget forces a broader consideration of sustainability across every aspect of a site's lifecycle, from development to delivery. This includes the energy used in data centers, the power required for data transfer, and even the electricity consumed by end-user devices.
Calculating an exact carbon figure for a website is complex due to the sheer number of variables involved. However, tools like Wholegrain Digital's Website Carbon Calculator provide a useful starting point. Such tools offer an estimate of a page's carbon footprint, allowing developers to establish a clear, measurable target. For example, a relatively simple content page might aim for under 1 gram of CO2 per page view. When scaled across millions of views, the cumulative savings from meeting such a target become substantial.
Identifying the Biggest Offenders
Using a carbon calculator often reveals surprising results. For instance, analyzing a major public-facing site might show it to be more carbon-intensive than 90% of web pages tested. A closer inspection with browser developer tools typically uncovers the cause: a massive total page weight driven by large, unoptimized assets. Among the most common and significant contributors are third-party scripts, such as social media feeds and video embeds. These elements not only add significant weight to the page but also increase the energy required to load and execute them.
By pinpointing these energy-heavy components, developers can gain a clearer understanding of where their biggest carbon savings lie and begin to make informed design trade-offs. Replacing a large, unoptimized image or removing a heavy social media embed can have an immediate and meaningful impact on a page's carbon footprint, while also improving its performance.
Making Efficiency a Client Priority
To get stakeholders on board with a carbon budget, it is often effective to frame the conversation around performance metrics they already care about. Tools like Lighthouse can be used to demonstrate how specific elements of a site negatively impact Core Web Vitals. Since these vitals can influence search ranking, highlighting the connection between page bloat, user experience, and SEO can be a powerful motivator for change. Seeing a concrete performance score dip because of a resource-heavy feature is often enough to convince clients that a more sustainable approach is in their best interest.
For developers seeking guidance, numerous practical resources and guides on energy-efficient web design are available. A comprehensive approach, as advocated by practitioners like Tom Greenwood, involves looking at the entire lifecycle of a digital product to holistically reduce its environmental impact.
Industry leaders also have a role to play. If tools like Lighthouse included carbon calculation features, developers would be empowered to make more environmentally-conscious decisions as part of their routine workflow. This proactive integration of sustainability into standard development tools would be a significant step forward for the entire industry.
No one is too small to make a difference.
