What is sustainable web design?

sustainable website scroll down
  • WeAreQED
  • Updated: June 23, 2026

TL;DR: Sustainable web design means building sites that do more with less: less energy, less waste, less bloat, without sacrificing looks or function.

The leaner site is usually the faster site, and the faster site usually ranks better, so the green choice and the commercial choice line up.

We build to this standard at QED, and we can measure the difference rather than just claim it.

We were at a networking event recently, and the question that kept coming up was the simplest one: what is sustainable web design? Fair question, 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. Here is what it means, why it matters, and how to tell the real thing from the marketing.

What sustainable web design actually means

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. 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. 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 it matters (and the honest numbers)

The internet has a real carbon footprint, and it is growing. Estimates put the digital sector at somewhere between 2% and 4% of global greenhouse gas emissions, which is comparable to, and on some estimates higher than, 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: this is 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, with the average adult spending several hours online a day, much of it on mobile. 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.

The principles, in plain English

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 own 2018 Android research showed that different colours consume different amounts of energy, with blue among the least efficient and red among the most, and that dark interfaces can cut screen power use meaningfully at higher brightness.
Common mistake: Assuming dark mode is a guaranteed green win. The BBC’s R&D team found that many people simply turn the brightness up in dark mode, cancelling out much of the saving. It is a useful option to offer, not a magic fix. The bigger gains are in weight and hosting.

Heavy versus lean: a worked example

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.
The heavy site needs 5 MB per page load. At 10,000 visits a month, that is 50 GB transferred. The lean site uses 1 MB per load, so the same 10,000 visits move just 10 GB. A fivefold difference in data, bandwidth cost and carbon, for exactly the same product.
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 on Michelin Green Star restaurant websites.

The greenwashing test

Here is where it gets opinionated, because this is the part most agencies skip. 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. Our favourite example is Sky. They ran a sustainability post on LinkedIn, recycling emojis and all, while their own website was generating the carbon equivalent of a sizeable car fleet. We did the sums openly: using SimilarWeb traffic data and Ecograder’s per-page measurement, Sky’s site works out at roughly 2.8 million kilograms 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.
Pro tip: Before you believe any “eco-friendly” claim, including from a web agency, run the homepage through a free carbon calculator. A claim you cannot measure is just a sticker. We test ours, we test our clients’, and we publish the numbers. That is the difference between sustainability and marketing.
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 to measure your own site

The good news is that a website’s footprint is measurable for free, which is exactly why it is harder to fake than most green claims. A few tools worth knowing:
  • Website Carbon Calculator gives you a carbon-per-view figure and a percentile ranking against other sites tested.
  • Ecograder scores the page and suggests specific reductions.
  • EcoPing tracks a site’s footprint over time, useful for spotting creep after launch.
  • 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.

Getting started: a UK checklist

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 Website Carbon Calculator, Ecograder or EcoPing, 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 QED builds this way

This is not a side interest for us, it is how we build by default. 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 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. If you would rather start fresh, take a look at our website design packages or just get in touch for a no-obligation chat about a greener redesign.

Sources

What is sustainable web design

To see the effect of our
content creation,
See our case study
on The SV Group

We created content over a six month period targeting key areas where their business wanted to expand 

See the case study here