Page weight creeps up because nobody sees it. A number on every page keeps the team honest.
The fix you can use today
Add CO2.js to estimate a page view's transfer size and CO2e.
Show it where the team (and visitors) will see it.
Treat it like a performance budget: a heavier page is a regression.
GreenCode shows the data size and carbon of every page in its own website's footer.
Tools that help
CO2.js (Green Web Foundation): an open-source library that turns bytes transferred into an estimate of CO2, using the Sustainable Web Design model
GreenFrame: measures the footprint of a web application's user scenarios and enforces carbon budgets in CI
How GreenCode helps
GreenCode helps tackle this by keeping its own pages light and showing each page's data size and carbon in the footer. Static pages, WebP images, scripts only where they are used and purged styles cut a first view of the home page from 6.8 MB to 1.7 MB. More on this.
