Sustainability in digital is often discussed in broad terms, but its real impact comes from the detail. This piece explores how practical design and development choices shape lower-impact, more efficient websites.
Sustainability in digital is often talked about in broad terms, but rarely broken down into what it actually looks like in practice. For us, ESG in website design isn’t a bolt-on or a statement – it’s a series of deliberate decisions made throughout design, build, and ongoing operation. From the way a page loads to how content is structured, each choice has an impact on energy use, accessibility, and long-term efficiency.
This approach underpins how we build websites using our Lark framework: a performance-led foundation designed to reduce environmental impact while improving usability and resilience. Because digital services consume energy at every stage, from server requests to user interactions, the goal isn’t perfection, but reduction. Less data, less processing, less waste.
Designing for low carbon, not just aesthetics
A sustainable website starts with how it’s built. Our set up for many WordPress websites, Lark, is designed to be lightweight by default, using a minimal, utility-first CSS approach with Tailwind, avoiding heavy front-end libraries, and relying on Alpine.js for simple interactivity. Images are optimised using modern formats like WebP, and lazy loading ensures content only loads when it’s needed.
These decisions might sound technical, but their impact is straightforward. Smaller files mean less data transfer. Less JavaScript means less processing power. Pages render faster, which improves usability while also reducing energy consumption on both servers and user devices. Performance and sustainability aren’t competing priorities here – they’re the same thing.
Removing unnecessary load and digital waste
One of the biggest contributors to inefficient websites is unnecessary loading, particularly with media and third-party scripts. This is where restraint matters.
Instead of embedding videos that load automatically, we use lightweight placeholders that only load the full video when a user chooses to play it. This avoids pulling in large external scripts on page load, reduces background data transfer, and prevents autoplay behaviours that can negatively affect accessibility.
The same thinking applies more broadly. A controlled plugin stack, a streamlined WordPress architecture, and a focus on operational necessity over convenience all help reduce background processing, database load, and ongoing maintenance overhead. It’s about building something that stays efficient over time, not just at launch.
Smarter journeys, not more traffic
Sustainability isn’t just about code, it’s also about how people use the site. An unfocused SEO strategy can drive large volumes of low-relevance traffic, increasing server load and energy use without delivering real value.
We take a more targeted approach. Content is structured around clear user needs and high-intent search terms, avoiding broad keywords that attract the wrong audience. The result is fewer wasted visits, more meaningful engagement, and shorter user journeys.
When users find what they need quickly, they load fewer pages, repeat fewer searches, and spend less time navigating friction. That’s better for them – and it reduces the environmental cost of each interaction.
Building for longevity, not constant rebuilds
Sustainable design isn’t just about what happens at launch, it’s about what happens over time. Lark is designed as a reusable, modular foundation, which means we’re not starting from scratch on every project.
This reduces development time, avoids unnecessary duplication, and streamlines testing. It also means improvements to performance, accessibility, or security can be rolled out consistently without rebuilding entire systems.
Extending the lifespan of a website is one of the most practical ways to reduce its environmental impact. The longer something remains effective and maintainable, the less often it needs to be replaced.
Reducing the impact on user devices
It’s easy to focus on servers and hosting, but a significant portion of digital energy use happens on the user’s device. Heavy websites demand more from browsers: more CPU, more memory, more battery.
By keeping the technology stack minimal with lean CSS, lightweight JavaScript, and clean semantic HTML, we reduce the amount of work the browser has to do. Pages become faster to interact with, less resource-intensive, and more accessible on older or lower-powered devices.
When multiplied across thousands of visits, these small efficiencies add up to a meaningful reduction in overall energy use.
A more responsible approach to data
Even analytics has an environmental and ethical footprint. Instead of relying on heavy, tracking-intensive platforms, we recommend using Plausible, a lightweight, privacy-first analytics tool.
This reduces the number of third-party requests, avoids unnecessary data collection, and removes the need for complex cookie banners and repeated consent interactions. It also keeps pages lighter and faster, contributing to both performance and sustainability.
It’s a small difference, but it reflects a broader principle: collect what you need, and no more.
A practical approach to ESG in digital
There’s no single feature that makes a website “sustainable.” It’s the accumulation of smaller, intentional decisions – about performance, content, accessibility, and longevity.
What matters is not claiming to be sustainable, but building in a way that reduces waste, respects users, and holds up over time. For us, that’s what ESG in digital design actually looks like in practice: quieter, leaner, and more considered at every stage.
