TL;DR: What is sustainable web design? It means building websites that do more with less: less energy, less data, less bloat, without sacrificing looks or function.
The leaner site is usually the faster site, and the faster site usually ranks better, so for a UK business, the green choice and the commercial choice tend to be the same choice. The digital sector’s emissions are already in the same territory as aviation, and unlike a flight, the waste on a website is squarely within your control.
This guide covers what it means, why it matters, how to spot greenwashing, and how to measure your own site. We build sustainable website design in Devon at QED, we are a Sustainable Web Manifesto signatory, and we hand clients a carbon figure they can check rather than a vague promise.
Key takeaways
- Sustainable web design means building sites that use less energy, less data and less code, without losing looks or function. It is the same discipline as good performance work, seen through an environmental lens.
- The digital sector produces an estimated 2.1% to 3.9% of global greenhouse gas emissions, a range comparable to aviation, and unlike aviation, its usage is climbing.
- The same shop, built two ways, can differ fivefold: 1 MB versus 5 MB per page load, or 10 GB versus 50 GB a month at 10,000 visits. That is a build decision, not a fixed cost.
- QED measured Sky’s website at 1.53g of CO2 per page load. Across 72.72 million visits a year, that works out at roughly 284 tonnes of CO2, about the same as 134 cars each driving 10,000 miles.
- A website’s footprint is measurable for free, which is exactly why it is harder to fake than most green claims.
We were at a networking event recently, and the question that kept coming up was the simplest one: what is sustainable web design? It’s an understandable question, as most never think about it, and one with a genuinely good answer, because this is one of the few areas where doing the right thing for the planet also happens to be the right thing for your business.
QED Web Design is a sustainable website design studio in South Devon, so this is our day job rather than a talking point. Here is what it means, why it matters, and how to tell the real thing from the marketing.
What is sustainable web design? A definition
Sustainable web design is the practice of building websites that are efficient, long-lasting and environmentally responsible. In plain terms, it means building sites that do more with less: fewer resources, fewer emissions and less waste, while still delivering something attractive and effective for the business and the visitor.
When most people picture sustainability, they think of wind farms, electric cars or reusable cups. Few stop to think about the internet, yet every search, email, AI prompt and page view consumes energy, and a good deal of that energy still comes from fossil fuels. The digital world is not as weightless as it feels.
The idea gained real momentum in 2019 with the Sustainable Web Manifesto, a pledge signed by designers and developers worldwide, QED among them. It set out six principles: clean, efficient, open, honest, regenerative and resilient. Much like an energy-efficient home, a sustainable website does not look radically different on the surface. The difference is under the bonnet: optimised images, streamlined code, efficient hosting and a habit of leaving out what is not needed.
Why does sustainable web design matter?
It matters because the internet has a real carbon footprint, and it is growing. Estimates put the digital sector at between 2.1% and 3.9% of global greenhouse gas emissions (Freitag and Berners-Lee et al., 2021), a range comparable to the entire aviation industry. The honest position is that the exact figure is contested and the range is wide, but every credible estimate lands in the same territory: a sector the size of aviation, and unlike aviation its usage is climbing year on year.
The useful way to think about it: every page view is a small car journey. A lean site is a quick trip in an electric hatchback. A bloated site is the same trip in a thirsty SUV. Both arrive. One burns far more to get there.
Britain is one of the most digitally active nations in Europe. Ofcom’s Online Nation 2025 report found the average UK adult spent 4 hours and 30 minutes a day online in May 2025, with smartphones accounting for 75% of men’s and 79% of women’s online time, as reported by ISPreview. Add e-commerce, streaming and remote working and the demand on servers and networks is considerable.
None of this means the internet is the villain. It means there is a lot of easy waste to trim, and trimming it is squarely within your control in a way that most carbon sources are not. For the business case in pounds and enquiries rather than polar bears, see why eco friendly web design is the future for SMEs.
What are the principles of sustainable web design?
The principles of sustainable web design come down to six habits: efficiency, renewable hosting, longevity, accessibility, ethical content choices and sensible use of colour. Efficiency is by far the biggest lever.
Efficiency
The most sustainable sites are simply the leanest. Cut oversized images, trim scripts, remove the bloat. A smaller site loads faster, performs better and uses less energy in transmission. This is the single biggest lever.
Renewable hosting
Where a site lives matters. Many hosts now run on renewable energy or buy offsets. Choosing a provider listed in the Green Web Foundation directory, as we are, is one of the simplest emissions wins available.
Longevity
Too many sites are built for the short term. A sustainable site is built to last: flexible enough to grow with the business and easy to update without a full rebuild. The longer a site lasts, the less is wasted on constant redesigns.
Accessibility and usability
A truly sustainable web is inclusive. A site that is quick to load, simple to navigate and compatible with assistive technology wastes less effort and serves more people. Accessibility and sustainability pull in the same direction, because a cleaner, leaner design is usually easier to use.
Ethical content choices
Not every shiny feature earns its place. Autoplay video, intrusive tracking and heavy animation add little for the visitor and cost a lot in resources. Deciding what is genuinely needed is part of the job.
Colour and dark mode
On OLED screens, colour really does affect power draw. Google’s Android Dev Summit research in November 2018, as reported by OLED-Info, showed that different colours consume different amounts of energy, with red the most efficient and blue the least, and that dark interfaces can cut screen power use meaningfully at higher brightness.
How much difference does a lean build make?
The same website, built two ways, can differ fivefold in the data it moves and the carbon it costs. Picture two online shops selling the same product. One is loaded with autoplay video, oversized images and complex scripts. The other uses compressed images, simple animation and a streamlined checkout.
| Same shop, two builds | Heavy build | Lean build |
|---|---|---|
| Data per page load | 5 MB | 1 MB |
| Data at 10,000 visits a month | 50 GB | 10 GB |
| Relative footprint | 5x the data | Baseline |
| Visitor experience | Slower to load | Quick to load |
| Verdict | More cost and carbon | A fifth of the impact |
That gap is invisible to the visitor and very visible on your hosting bill and your carbon score. It is also entirely a design and build decision, which is the encouraging part. For a real-world version of this, see our study of Michelin Green Star restaurant websites, which compares restaurants praised for sustainability against a control group.
How do you spot greenwashing on a website?
You spot greenwashing by measuring the website behind the claim. Plenty of brands shout about sustainability while running websites that quietly burn through energy, and the gap between the message and the machinery is where digital greenwashing lives. Here is where it gets opinionated, because this is the part most agencies skip.
Our favourite example is Sky. They ran a sustainability post on LinkedIn, recycling emojis and all, while their own website told a different story. We did the sums openly, using SimilarWeb traffic data and Ecograder’s per-page measurement: 1.53g of CO2 per page load, 2.55 pages per visit and 72.72 million visits a year. That comes to roughly 284 tonnes of CO2 a year, about the same as 134 cars driving 10,000 miles each. The point is not to single out one company. It is that the same maths applies across most large corporate sites, and almost nobody is checking.
The honest position cuts both ways, mind. The fix for greenwashing is not for companies to stop talking about sustainability; it is to make sure the channel matches the message. A transparent “here is our footprint and here is how we are improving it” beats a glossy claim every time.
How do you measure your own site?
You measure your own site with free tools that estimate carbon per page view from the data each page transfers. A website’s footprint is measurable for free, which is exactly why it is harder to fake than most green claims.
- Website Carbon Calculator gives you a carbon-per-view figure and a ranking against other sites tested. It is run by Wholegrain Digital and uses version 4 of the Sustainable Web Design Model, an open method for turning data transfer into an emissions estimate. By the tool’s own figures, the average web page produces about 0.36g of CO2e per view.
- Ecograder scores the page and suggests specific reductions.
- PageSpeed Insights is not a carbon tool as such, but speed and efficiency overlap heavily, so it is a good proxy.
These give you a number and a to-do list. The number is the honest part: it is hard to argue with a measurement. Just compare like with like, because different tools use different models, so a reading from one is not directly comparable with a reading from another.
Is there a standard for sustainable web design?
There is no legal standard for sustainable web design in the UK, but there is a serious technical one taking shape. The W3C’s Sustainable Web Interest Group publishes the Web Sustainability Guidelines, a draft Group Note last updated in July 2026, with 26 guidelines across user experience design, web development, hosting and infrastructure, and business strategy.
The guidelines are voluntary, and conformance is optional. Treat them as a checklist written by people who have thought hard about the problem, not a certificate to wave around. The guidelines themselves warn against using them to make greenwashing claims, so treat any badge built on them with healthy suspicion.
The practical takeaway for a small business is reassuring. Most of what the guidelines ask for is the same good practice covered above and in the checklist that follows.
How do you get started? A UK checklist
Start with a baseline measurement, then work through images, hosting and plugins in that order. If you are planning a new site or improving an existing one, here are practical steps for a UK business.
- Audit your current site with the Website Carbon Calculator or Ecograder, so you have a baseline.
- Optimise images before uploading. Use modern formats like WebP and compress everything.
- Review your host and switch to one listed in the Green Web Foundation directory.
- Check accessibility with a tool such as WAVE or AXE.
- Streamline content. Remove pages, scripts and plugins that no longer earn their place.
- Plan for longevity. A flexible CMS like WordPress can evolve rather than needing a rebuild every couple of years.
- Make sustainability part of how your team writes and designs, not a one-off project.
How does QED build this way?
QED builds sustainable websites by default, not as an add-on. Our own site sits in the top band of least-polluting websites tested, we host on renewable-powered infrastructure listed in the Green Web Foundation directory, and we hand every client a carbon measurement they can check themselves rather than a vague promise. The full story of how and why we changed direction is on our blog.
The reason we lead with it is simple: a faster, greener website is better for the planet, better for your visitors, kinder to your hosting bill, and rewarded by Google, since page speed and user experience are ranking factors. That is a rare case where the ethical choice and the commercial choice are the same choice.
If you would like to know how green your current site really is, we are happy to run a free carbon footprint check and show you the quick wins. Or contact QED today for a no-obligation chat about a greener redesign.
Sources
- The Sustainable Web Manifesto: six principles and signatories.
- ICT’s share of global emissions is estimated at 2.1% to 3.9%, the original study behind the figure: Freitag, Berners-Lee et al., The real climate and transformative impact of ICT (2021).
- The same 2.1% to 3.9% range still cited in 2026: Rottenberg et al., The environmental impact of ICT in the era of data and artificial intelligence (2026 review) (link unverified).
- Ofcom, Online Nation 2025, as reported by ISPreview: Ofcom finds UK adults now spend over 4.5 hours online each day (December 2025).
- Google Android Dev Summit 2018 OLED power data, reported by OLED-Info.
- BBC R&D on dark mode and user brightness behaviour: BBC R&D report (link unverified).
- W3C Sustainable Web Interest Group, Web Sustainability Guidelines (WSG), Group Note Draft, 29 July 2026.
- The Green Web Foundation: green hosting directory.
- Website carbon measurement and the Sustainable Web Design Model v4: Website Carbon Calculator, Wholegrain Digital (vendor source for the 0.36g average).
- Per-page sustainability scoring: Ecograder.
- QED’s own greenwashing analysis and Sky calculation: Digital Greenwashing and Corporate Websites.
