The internet feels weightless from where you are sitting. That is a property of the interface, not of the system.
Underneath, every page you publish is a series of physical events: electricity drawn in a data centre, data pushed across a network, a processor working in somebody’s hand. The abstraction is convenient, and it is also why waste accumulates unnoticed for years.
Sustainable web design best practices are the habits that keep those physical costs proportionate to what a page achieves. Six of them cover most of the ground, and every one produces a faster site as its first effect.
Sustainable Web Design Best Practices: Building a Leaner Future in 2026
1. Media in proportion
Images dominate page weight on most sites, and the fix requires no design compromise at all.
Serve them at the dimensions they actually display at, in modern formats, and load anything below the fold only when it is needed. A hero image exported at full resolution and scaled down by the browser is waste in its purest form.
Autoplay video is the heaviest common default on the web. Remove it unless the video is the reason people came.
2. Code that ships only what it uses
Audit dependencies on a schedule, because they accumulate through ordinary development rather than through bad decisions. A library imported for one function. A framework carrying features the site never touches.
Prefer the platform where it will do. Semantic HTML costs nothing to download and gives assistive technology what it needs by default. CSS handles transitions, layout and sticky positioning faster than a script will, because it runs in optimised browser code paths rather than in your bundle.
JavaScript is the most expensive thing you send byte for byte, since it must be downloaded, parsed, compiled and executed rather than simply rendered.
3. Accessibility as part of the same work
The overlap with efficiency is close to total, which is why separating them wastes effort.
Semantic structure reduces script dependence. Clear navigation reduces how many pages someone loads. Reduced motion lowers processing and helps people with vestibular conditions.
Work towards WCAG 2.1 Level AA and test with keyboard navigation, browser zoom and, where possible, real assistive technology users. Automated checkers catch a portion of issues and cannot tell you whether a task can be completed.
4. Hosting chosen with scrutiny
Renewable-powered hosting changes the emissions profile of the server portion. That is genuine and partial.
Provider claims vary considerably in rigour, so ask what is actually covered before repeating it. And keep the boundary clear: hosting governs one third, while your pages govern the network transfer and the visitor’s device.
5. Measurement before and after
Record page weight, request count and Core Web Vitals for your most-visited pages under stated conditions. Which device, which connection, first or repeat visit.
Carbon estimation tools produce a directional figure calculated from page weight and hosting assumptions, and two tools will disagree about the same page. Use one consistently, state which, and treat the trend as more meaningful than the number.
Where performance and environmental impact both apply, treat them as one lever. Reducing unnecessary data transfer and processing supports a faster experience while lowering estimated digital carbon, though those environmental figures remain modelled rather than directly measured.
6. Content that does not quietly regrow
Most sites regain their page weight through the CMS rather than the codebase. Photographs uploaded straight from a phone camera, embeds added for a campaign, plugins installed to solve a problem that has since gone away.
Give editors guidance on image sizes and embeds. Archive expired campaigns. Set a review cadence, because a single clean-up without one buys you about a year.
Making it stick
A performance budget agreed before design begins is worth more than any audit performed afterwards. It shifts the question from “can we make this load acceptably” to “is this worth what it costs”.
Require new third-party tools to state a purpose, an owner and a review date. Most weight arrives through reasonable individual decisions that nobody revisits.
Our sustainable web development work builds the measurement into delivery rather than adding it at the end.