Got a project in mind?
We’d love to hear about it.

Get in touch
Yellow Peach web design agency

Sustainability in Web Development

Yellow Peach
written by Matt

Blogs

The internet accounts for 3.7% of global greenhouse gas emissions, equivalent to the entire global aviation industry. Data centres alone are expected to consume 536 terawatt-hours of electricity in 2025, accounting for approximately 2% of total global electricity use. And that figure could double by 2030 as AI and high-performance applications continue to grow.

For web developers and businesses commissioning websites, these numbers present both a challenge and an opportunity. Every design decision, from image compression to colour choices, hosting providers to user experience, directly affects how much energy your website consumes. And unlike many environmental problems, this one is entirely within our control.

Understanding the environmental cost of the web

Every time someone visits a website, energy is consumed at three stages:

  • Data centres (where your site is hosted)
  • Transmission networks (the infrastructure that moves data)
  • End-user devices (the laptop, phone, or tablet displaying your content)

The Website Carbon Calculator estimates emissions based on page weight, hosting, and traffic, providing a useful benchmark for measuring your site’s footprint.

To put this in perspective, the average internet user generates approximately 400g of CO2 per year just from browsing. A single web search emits around 0.8g of CO2. Stream for just 60 minutes and you’ve released approximately 36g of CO2. These seem small in isolation, but scale them across billions of users and the numbers become staggering.

The good news is that website owners can significantly reduce these emissions through thoughtful design and development choices. The difference between a bloated, inefficient site and a lean, optimised one can be an order of magnitude in energy consumption, and that gap directly translates to carbon emissions.

Page weight: The single biggest factor

Page weight, the total size of all files transferred when a page loads, is the most direct determinant of energy consumption. According to the Sustainable Web Design Model, transferring 1GB of data over the internet produces approximately 80-260g of CO2 depending on grid carbon intensity and infrastructure efficiency.

The median web page in 2026 weighs around 2.2MB. But we regularly audit sites that exceed 10MB. This is often due to uncompressed images, unnecessary JavaScript libraries, and embedded third-party scripts. Reducing page weight isn’t just about performance; it’s about reducing the energy required to transmit and render that page millions of times.

Optimise images aggressively

Images typically account for 60-70% of total page weight. Use modern formats like WebP (which achieves 25-34% smaller file sizes than JPEG at equivalent quality), compress appropriately, resize to correct dimensions, and implement lazy loading for below-the-fold images. For more detail, see our guide on image optimisation.

Minimise JavaScript and CSS

Every JavaScript framework, animation library, and CSS file adds weight. Audit your dependencies ruthlessly. Do you genuinely need that 200KB library to add a parallax scroll effect? Often, cleaner, lighter alternatives exist, but more often than not the feature isn’t essential at all. Every kilobyte you remove reduces energy consumption across every page view.

Avoid unnecessary third-party scripts

Chat widgets, analytics scripts, advertising tags, and social media embeds all add weight, and most of them load resources from external servers, adding latency and energy overhead. Evaluate whether each third-party tool justifies its environmental and performance cost.

Reducing page weight requires a balance between functionality and efficiency. Our WordPress development approach prioritises lean, performant builds that deliver excellent user experiences without unnecessary bloat, benefiting both your Core Web Vitals and your site’s carbon footprint.

Dark mode website design

Dark mode and energy consumption: What the research says

Dark mode has been widely promoted as an energy-saving feature, particularly on devices with OLED screens where black pixels consume no power. But the reality is more nuanced than the marketing suggests.

When dark mode saves energy (and how much)

On OLED and AMOLED displays, dark mode’s effectiveness depends heavily on screen brightness. A study from Purdue University found that at 100% brightness, switching to dark mode saves 39-47% battery power. However, at typical indoor brightness levels (30-50%), savings drop to just 3-9%, a difference most users wouldn’t notice.

The key insight is that brightness level has an exponential effect on power draw. Lowering brightness from 100% to 50% reduces OLED power consumption by approximately 10x, regardless of whether dark mode is enabled. At low brightness, the potential savings from dark mode become marginal because baseline power draw is already low.

Dark mode doesn’t help on LCD screens

LCD displays, still common in laptops and budget devices, use a constant backlight regardless of pixel colour. Dark mode provides no energy benefit on these screens. The backlight remains on whether the screen displays black or white, so colour choice is irrelevant to power consumption.

The practical takeaway for web developers

Offering dark mode is worthwhile for user preference and accessibility (particularly for users with dyslexia), but don’t market it as a major sustainability feature unless you can demonstrate actual energy savings through testing. True black (#000000) backgrounds on OLED devices do save energy, but only when users are at high brightness levels, relatively uncommon during typical indoor use.

User experience and time on site: The hidden sustainability factor

One of the most overlooked aspects of sustainable web development is user experience. A confusing, slow, or frustrating website forces users to spend more time (and therefore more energy) accomplishing what should be simple tasks. Conversely, a well-designed site that gets users to their goal quickly minimises unnecessary energy consumption.

Fast load times reduce energy waste

Every second a user waits for a page to load, their device is consuming power doing nothing productive. Optimising Core Web Vitals isn’t just about SEO, it’s about reducing the cumulative energy waste from millions of page views. Sites that load in under 2 seconds use measurably less energy per visit than those taking 5+ seconds.

Clear navigation reduces unnecessary browsing

If users can’t find what they need, they either bounce (wasting the energy required to load the page in the first place) or wander through multiple unnecessary pages before finding their answer. Intuitive information architecture, clear calls to action, and well-structured content help users accomplish their goals efficiently.

Accessible design benefits everyone

Sites that follow WCAG accessibility guidelines tend to be cleaner, more focused, and easier to navigate. Semantic HTML, logical heading structure, and meaningful link text all contribute to a more efficient user experience which translates to less time and energy spent per task.

User experience optimisation is central to what we do. Our web design process focuses on creating intuitive, accessible, fast-loading sites that respect both users’ time and the planet’s resources.

Green website hosting

Green hosting: Does it actually make a difference?

Choosing a hosting provider powered by renewable energy is one of the most direct ways to reduce your website’s carbon footprint. But not all “green hosting” claims are created equal, and it’s worth understanding what you’re actually paying for.

What “green hosting” means

Most green hosting providers achieve carbon neutrality through one of three approaches:

  • Renewable Energy Certificates (RECs): The host purchases certificates equivalent to their energy consumption, funding renewable projects elsewhere
  • Power Purchase Agreements (PPAs): Direct contracts with renewable energy suppliers, ensuring the grid receives renewable energy equivalent to the host’s usage
  • On-site renewable generation: Data centres powered by their own solar or wind installations (rare but most direct)

Does green hosting actually reduce emissions?

Yes, but the impact depends on how it’s done. RECs are the least impactful (they’re essentially offsets) while PPAs and direct generation genuinely increase renewable capacity. The Green Web Foundation maintains a database of hosting providers and their sustainability credentials, helping you verify claims and choose genuinely low-carbon hosts.

UK-specific hosting considerations

On roughly a third of days in 2025, at least half of Britain’s electricity came from renewables, so hosting in the UK already starts from a lower carbon baseline than many regions. Choosing a UK-based green host compounds this advantage, particularly if your audience is primarily UK-based (reducing transmission distance as well).

Does Yellow Peach offer green hosting?

At Yellow Peach, we host the majority of our clients’ websites with DigitalOcean, who utilise Equinix data centers running on 100% renewable energy to host infrastructure for its cloud computing services.

Cloudflare CDN

Caching and content delivery networks (CDNs)

Caching reduces energy consumption by storing frequently accessed content closer to users, eliminating the need to repeatedly generate and transmit the same data. A well-configured caching strategy can reduce server load by 80-90% for high-traffic sites.

Browser caching

Set appropriate cache headers so returning visitors load static assets (images, CSS, JavaScript) from their local cache rather than re-downloading them. This reduces both bandwidth and server processing.

Server-side caching

WordPress plugins like WP Rocket or LiteSpeed Cache generate static HTML versions of your pages, serving them directly without running PHP or querying databases on every request. This dramatically reduces server energy consumption for high-traffic pages.

CDN efficiency

CDNs store copies of your site on servers distributed globally, allowing users to download content from the nearest server rather than your origin. This reduces transmission distance (and therefore energy) and balances load across infrastructure. Cloudflare, Fastly, and other major CDNs also commit to renewable energy, further reducing the carbon impact.

The role of WordPress in sustainable web development

WordPress powers 43% of all websites, which means its environmental impact is substantial. But WordPress itself isn’t inherently unsustainable, the issue is how it’s configured and what you build on top of it.

Choose lightweight themes

Bloated themes with dozens of unused features, heavy JavaScript libraries, and complex animations generate unnecessary page weight. That’s exactly why we specialise in custom-built WordPress themes that provide excellent functionality without the environmental overhead.

Audit and remove unused plugins

Every active plugin adds code to your site. Many add front-end scripts that slow load times and increase energy consumption. Regularly audit your plugins and remove anything you’re not actively using. If a plugin does one job well, it’s usually better than a bloated all-in-one solution trying to do everything.

Use performance plugins correctly

Caching, lazy loading, and JavaScript optimisation plugins can significantly reduce energy consumption—but only if configured properly. Misconfigured performance plugins can actually make things worse. Work with someone who understands these tools if you’re not confident in the settings.

Optimise databases regularly

WordPress databases accumulate revisions, spam comments, and orphaned data over time. Regular database optimisation (using plugins like WP-Optimize) reduces the processing required for each page load, lowering server energy consumption.

Building sustainable WordPress sites requires expertise in both performance optimisation and thoughtful architecture. Our WordPress development team specialises in creating lean, efficient sites that perform excellently while minimising environmental impact.

Measuring and monitoring your website’s carbon footprint

You can’t improve what you don’t measure. Several tools now exist to estimate the carbon emissions of your website based on page weight, traffic, and hosting infrastructure.

Website Carbon Calculator

Website Carbon (by Wholegrain Digital) analyses any URL and estimates its carbon emissions per page view based on data transfer, hosting green credentials, and traffic. It’s free, easy to use, and provides a useful baseline for comparison.

Ecograder

Ecograder analyses page weight, server location, green hosting status, and provides actionable recommendations for reducing emissions. Particularly useful for identifying specific high-impact optimisation opportunities.

PageSpeed Insights

While not explicitly focused on sustainability, Google PageSpeed Insights identifies performance issues that directly correlate with energy consumption: oversized images, render-blocking resources, excessive JavaScript. Fixing these issues improves both performance and environmental impact.

Final thoughts: Sustainable web development is better web development

The techniques that reduce environmental impact, lean code, optimised images, fast load times, intuitive UX, thoughtful caching, are the same techniques that create better websites full stop.

Sustainable web development isn’t a separate discipline requiring sacrifices; it’s simply good development practice applied consistently.

The internet’s energy consumption is projected to double by 2030 as AI, streaming, and high-bandwidth applications continue to grow. Individual websites won’t single-handedly solve that problem, but millions of websites making thoughtful decisions collectively can make a measurable difference.

Start with the basics: optimise images, choose green hosting, reduce unnecessary scripts, and design for efficiency. These aren’t radical changes, they’re achievable improvements that benefit your users, your performance metrics, and the planet. And unlike many environmental challenges, this one is entirely within your control.

Want to build a more sustainable website?

Whether you’re starting from scratch or looking to improve an existing site, we can help you build WordPress sites that are fast, accessible, and environmentally responsible without compromising on functionality or design quality.

About the Author

Matt Campbell is the Senior Digital Designer at Yellow Peach, with over a decade of experience building custom WordPress and WooCommerce solutions for UK businesses.

Matt brings three years of hands-on experience designing accessible and sustainable Shopify websites, giving him practical knowledge of how environmental considerations intersect with performance, accessibility, and user experience in real-world commercial projects.

Share this article

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?

Ready to push your platform?