Copenhagen is a sustainable city because it makes the green choice the easy choice. Cycling is quicker than driving for many journeys, almost every home is warmed by a shared district heating network, waste becomes energy, and even visitors are rewarded for travelling...
What is Sustainable Web Design?
What is Sustainable Web Design?
Sustainable web design means building websites that use less energy and data while serving people better. Every page view draws electricity in a data centre, across networks and on your visitor’s device, so a lighter, faster site has a smaller footprint. It is also quicker, easier to use and more visible in search.
The internet’s footprint is real and growing. The World Bank and ITU estimate that the ICT sector produced at least 1.7% of global greenhouse gas emissions in 2022. In April 2026 the International Energy Agency reported that data centre electricity use rose 17% in 2025, to around 485 TWh, and could reach 950 TWh by 2030.
Meanwhile, websites keep getting heavier. The 2025 Web Almanac found the median mobile home page weighed 2,362 KB in July 2025, up from 845 KB in 2015.
In brief
- The ICT sector accounts for at least 1.7% of global emissions, and data centre electricity demand is projected to almost double by 2030.
- The median mobile home page is now nearly three times heavier than a decade ago.
- The biggest wins are green hosting, lighter images and video, fewer scripts and fonts, and regular content audits.
- The same changes improve speed, Core Web Vitals and how well your pages serve both classic and AI search.
- Any green claim you make about your website must be accurate and evidenced under UK consumer law.
How much carbon does a website produce?
A typical page view produces well under a gram of CO2e, but it adds up across every visit, every page and every website. The most widely used estimate comes from the Sustainable Web Design Model (SWDM), an open methodology from Wholegrain Digital, Mightybytes, Footsprint, EcoPing and the Green Web Foundation. It uses data transfer as a proxy for energy, then multiplies by the carbon intensity of the electricity grid.
Version 4 of the model splits energy use across three parts of the system:
| Segment | Operational energy (kWh per GB) | Embodied energy (kWh per GB) |
|---|---|---|
| Data centres | 0.055 | 0.012 |
| Networks | 0.059 | 0.013 |
| User devices | 0.080 | 0.081 |
| Total | 0.194 | 0.106 |
Sources: Sustainable Web Design (operational figures); GreenCalculus summary of SWDM v4 (embodied figures).
Two things stand out. User devices carry the largest share, and much of it is embodied: the emissions from manufacturing phones and laptops. Heavy websites push people towards newer devices sooner, so page weight matters well beyond the server.
A worked example
At roughly 0.30 kWh per GB, and using the global average grid intensity of 494 gCO2e/kWh that SWDM v4 applies:
- 1 GB of data transferred produces about 148 g CO2e.
- One view of a median mobile home page (2,362 KB) produces about 0.35 g CO2e.
- A site with 10,000 such page views a month produces about 42 kg CO2e a year.
On Great Britain’s grid, which averaged around 126 gCO2/kWh in 2025 according to BBC analysis of NESO data, the same page view comes to about 0.09 g. These are simplified estimates: they assume every visit is a first visit, with no caching or green hosting.
Why older figures look so different
You may have seen claims that 1 GB of data produces several kilograms of CO2. Those come from older models. The Green Web Foundation notes that SWDM v4 estimates are on average two-thirds lower than v3, largely because the internet has become more energy efficient per byte. Any website carbon figure is only as reliable as the model behind it, so always say which one you used.
What is sustainable web design?
Sustainable web design is an approach to planning, building and running websites that reduces their environmental impact while improving their value to people. It covers hosting and infrastructure, code, content, design and the business decisions behind them.
The Sustainable Web Manifesto sets out six principles that still make a useful checklist:
- Clean: powered by renewable energy.
- Efficient: using the least energy and material resources possible.
- Open: accessible, with an open exchange of information and user control over their data.
- Honest: not misleading or exploiting users in design or content.
- Regenerative: supporting an economy that nourishes people and planet.
- Resilient: working where and when people need it most.
The W3C Web Sustainability Guidelines
The field now has an emerging standard. The Web Sustainability Guidelines (WSG) from the W3C, the body behind web standards, give actionable recommendations for UX design, web development, hosting and infrastructure, and business strategy. They began in a community group in April 2022, became part of the W3C in October 2024, and have been published as Group Note Drafts through 2026.
The WSG frame sustainability around people, planet and prosperity. That means accessibility, privacy and security sit alongside carbon, which is why a sustainable website is usually a more inclusive one too. A browsable version is available at sustainablewebdesign.org.
How to make your website more sustainable: 8 steps
Start by measuring, fix the heaviest items first, then keep the site lean with regular reviews.
1. Measure your baseline
Test your key pages with Ecograder or the Website Carbon Calculator, which moved to SWDM v4 in July 2025. Pair this with Google’s PageSpeed Insights for Core Web Vitals. Record page weight, requests and load times so you can track progress, and consider setting a page weight budget for new pages.
2. Choose verified green hosting
Ask your host for evidence that its infrastructure runs on renewable energy. The Green Web Foundation directory lists independently verified green hosting providers by country, and its Green Web Check shows whether any site is on one. Green hosting reduces data centre emissions only; networks and devices still use energy, so it is one step, not the whole answer.
3. Optimise images
Images are among the heaviest parts of most pages. Compress them, use modern formats such as WebP or AVIF, serve sizes that match the screen, and lazy load anything below the fold.
4. Be selective with video
Video is the heaviest media most sites carry. Ask whether it is essential to the message. If it is, avoid autoplay, show a lightweight poster image until someone presses play, and compress it.
5. Limit fonts
The 2025 Web Almanac found 88% of mobile pages use web fonts. Use system fonts, or a single variable font subset to the characters you need.
6. Keep code lean and question third-party scripts
Remove unused code, plugins and tracking scripts, and implement caching so returning visitors download less. Page builders and no-code platforms can add code you never use, but any platform can be heavy or light: measure what yours actually delivers.
7. Design for quick journeys
Clear navigation and content that answers questions directly mean fewer page loads per visit. That saves energy and frustration, and it is the same thing search engines reward.
8. Audit and declutter regularly
Review your site at least once a year. Remove or merge outdated pages, old PDFs and unused media, and redirect what you remove so you keep any search value.
Why sustainable web design is good for business
The changes that cut a website’s footprint also make it faster, easier to find and more credible.
Faster sites convert better
In the Milliseconds Make Millions study, commissioned by Google and carried out by Deloitte Digital and 55 across 37 brands, a 0.1 second improvement in mobile site speed was linked to 8.4% more conversions for retail sites and 10.1% for travel sites. The study dates from 2020, so treat the exact figures as directional, but the pattern is consistent: speed affects behaviour.
Better Core Web Vitals and SEO
Google’s Core Web Vitals measure loading (Largest Contentful Paint, good at 2.5 seconds or less), responsiveness (Interaction to Next Paint, 200 milliseconds or less) and visual stability (Cumulative Layout Shift, 0.1 or less). According to the 2025 Web Almanac, only 48% of mobile sites pass all three. A lighter site gives you a head start on half the web.
Relevant, helpful content still matters most for rankings. Page experience is what turns that visit into a good one.
Ready for AI search
Google’s guidance on AI Overviews and AI Mode asks site owners to provide a good page experience for visitors arriving from either classic or AI results. It names whether a page displays well across devices, its latency, and whether visitors can easily tell main content from everything else. Clean, well-structured, fast pages tick all three. The Web Almanac also notes that heavier pages increase the energy and computation needed for crawling and indexing.
Lower running costs
Less data, fewer plugins and simpler builds generally mean less bandwidth, less maintenance and fewer things to break. The scale of the saving depends on your site and hosting plan.
Credibility, without greenwashing
For purpose-driven organisations, a website is often the first proof that your values are real. As we covered in our post on sustainable branding strategy, authenticity is what builds trust.
It also carries legal weight. Since 6 April 2025, the Digital Markets, Competition and Consumers Act has allowed the Competition and Markets Authority to fine businesses up to 10% of global turnover for breaching consumer law, including misleading environmental claims. So if you describe your website as “green” or “low carbon”, be specific: say what you measured, which model you used and what you changed.
FAQs
How much CO2 does a website produce?
Using the Sustainable Web Design Model v4 and the global average grid, one view of a median mobile home page produces about 0.35 g CO2e. Your figure depends on page weight, traffic, caching, hosting and where your visitors are. Test your own pages with Ecograder or the Website Carbon Calculator.
What is the Sustainable Web Design Model?
It is an open methodology for estimating digital emissions. It converts the data a page transfers into energy across data centres, networks and devices, then into carbon using grid intensity. Version 4 is the current version.
Does green hosting make my website carbon neutral?
No. Green hosting cuts emissions from the data centre, but networks and visitors’ devices still use energy, and devices carry significant manufacturing emissions. Describe what you have done accurately rather than claiming neutrality.
Does a faster website rank higher on Google?
Speed is part of page experience, which Google uses alongside relevance and content quality. A fast site will not outrank a more useful one, but it removes a disadvantage and improves what visitors experience when they arrive, including from AI search results.
What are the Web Sustainability Guidelines?
The Web Sustainability Guidelines (WSG) are recommendations from the W3C’s Sustainable Web Interest Group for building more sustainable digital products. They cover UX design, development, hosting and business strategy, and consider people and prosperity as well as the planet.
How often should I audit my website?
At least once a year, and before any redesign. Check page weight, Core Web Vitals, hosting status and outdated content.
Where to start
Pick your five most visited pages, measure them, and fix the heaviest images, videos and scripts first. If you would like a second pair of eyes on your website or digital communications, get in touch with Growfish.
References
- World Bank and ITU (2024). Measuring the Emissions and Energy Footprint of the ICT Sector: Implications for Climate Action.
- International Energy Agency (April 2026). Key Questions on Energy and AI, as reported by Eco-Business.
- HTTP Archive (2025). Web Almanac 2025: Page Weight.
- HTTP Archive (2025). Web Almanac 2025: Performance.
- HTTP Archive (2025). Web Almanac 2025 (Fonts chapter).
- Sustainable Web Design (2025). Estimating Digital Emissions.
- GreenCalculus (2026). Sustainable Web Design (SWD) Model.
- Imperial College London. Calculating emissions: FAQs.
- Green Web Foundation. Release guide: CO2.js v0.16.
- Wholegrain Digital (14 July 2025). Updating Website Carbon to V4 of the Sustainable Web Design Model.
- BBC analysis of NESO data (2026), as reported in Record year for wind and solar electricity in Great Britain in 2025.
- W3C Sustainable Web Interest Group (2026). Web Sustainability Guidelines (WSG).
- Sustainable Web Manifesto.
- Green Web Foundation. Green Web Directory.
- Google, Deloitte Digital and 55 (2020). Milliseconds Make Millions.
- Google. Web Vitals.
- Google Search Central (21 May 2025). Top ways to ensure your content performs well in Google’s AI experiences on Search.
- Fieldfisher (2025). Greenwashing under scrutiny: the CMA’s new powers to tackle misleading environmental claims.
Written by
Pollyanna Durbin
For more info about growing your business with a sustainable marketing strategy, get in touch with us at growfish.co
Related Posts
Sustainability in Copenhagen: Why It’s a Green City (2026)
Sustainable Marketing vs Traditional Marketing: What’s the Difference?
"We do not inherit the earth from our ancestors, we borrow it from our children." - ProverbTraditional marketing is built to sell more, faster. Sustainable marketing is built to sell in a way that lasts: for the business, its customers and the planet. The difference...
What is Sustainable Web Design?
Sustainable web design means building websites that use less energy and data while serving people better. Every page view draws electricity in a data centre, across networks and on your visitor's device, so a lighter, faster site has a smaller footprint. It is also...
What Is the Nature-Positive Economy? Lessons from GoNaturePositive!
Nature underpins every economy, from the food we eat to the materials we build with. Yet scientists warn that seven of the nine planetary boundaries that keep Earth stable have now been crossed (Stockholm Resilience Centre, September 2025). The nature-positive economy...
Best Sustainable Marketing Agencies in 2026 (UK & Europe)
Choosing a sustainable marketing agency matters more in 2026 than ever. Customers want brands they can trust, and regulators in the UK and EU now have real powers to penalise vague green claims. The right agency helps you grow and keeps your claims honest. Below are 8...







Recent Comments