Sustainable Web Design for WordPress: The Complete Guide to Eco-Friendly Websites in 2026

Contents9 sections

Every visit to a website uses energy, in the data center that hosts it, across the networks and on the visitor’s device. The digital world feels weightless, yet it accounts for 3 to 4% of global greenhouse gas emissions, and 4% of France’s carbon footprint (ADEME and Arcep, 2022 data).

Sustainable web design means designing and building a website so it uses as few resources as possible, from the server to the visitor’s device, without removing anything useful. You will also hear eco-friendly website, green web design or digital sobriety. At Shinsei Studio, in Kyoto, it is how we work: fast, lightweight WordPress websites that are easy to maintain. The choices that shrink a site’s footprint also make it faster, better ranked and more comfortable on mobile.

This guide gathers what we apply on our own projects, from the figures that matter to concrete techniques for WordPress, measurement tools and the frameworks to follow. Every figure is sourced at the end of the article.

01Understanding a Website’s Environmental Impact

The Footprint of a Page, in Numbers

According to the HTTP Archive Web Almanac 2024, a median web page emits about 0.37 g of CO₂ per load on desktop, and 0.33 g on mobile. That is small for one page, but a site with 10,000 page views a month reaches about 44 kg of CO₂ a year, for the pages alone.

The gap between sites is huge. The heaviest 10% of pages emit 1.47 g of CO₂ each on desktop, four times the median, while our own site measures 0.026 g per page view.

• shinseistudio.com A+0.026 g
• shinseistudio.com, low-impact version A+0.011 g
• Median page, mobile0.33 g
• Median page, desktop0.37 g
• Heaviest 10% of pages1.47 g

Sources: HTTP Archive, Web Almanac 2024 (desktop) · Website Carbon, tested September 27, 2026 (standard version, low-impact version).

How we measured. Website Carbon tests the first load only. On our site, scripts wait for the visitor’s first interaction and images load as you scroll, so a testing robot sees very little. A full visit of our home page, scrolled to the end, transfers about 780 KB (309 KB in low-impact mode): less than a third of the median desktop page, 2,652 KB according to the HTTP Archive.

On the server side, the International Energy Agency estimates that data centers used about 415 TWh of electricity in 2024, or 1.5% of global electricity consumption. With the rise of AI, this figure could more than double by 2030 and reach about 945 TWh.

The Example of France

The ADEME-Arcep study, updated in January 2025, puts digital technology at 4% of France’s national carbon footprint in 2022. Most of it comes from manufacturing devices (computers, phones, screens), but usage and data centers weigh more every year. Without action, the carbon footprint of digital technology could triple between 2020 and 2050, and its energy use double.

A lightweight site helps on both fronts: each visit has less impact, and the site stays pleasant on an older phone, so people can keep their devices longer.

A Sustainable Website Is Also a Better Website

Since 2021, Google has used Core Web Vitals in its ranking, which means loading speed, responsiveness and visual stability. The techniques that make a site lighter are the ones that improve these metrics. A sustainable website loads faster, which helps both user experience and SEO, and it converts better on mobile, where most visits now happen.

The Core Principles of Sustainable Web Design

The W3C Web Sustainability Guidelines group best practices into four areas: user experience design, web development, hosting and infrastructure, and business strategy. In practice, it comes down to five principles:

• Send less data: fewer and lighter images, scripts and fonts.
• Make every page efficient on any device, including older phones and slow networks.
• Choose a green host powered by renewable energy.
• Keep content useful, clear and accessible: accessibility and sustainability share the same goal of simple, efficient pages.
• Measure, then maintain: a site only stays light if someone keeps an eye on it.

02Choosing Green Web Hosting

What Green Hosting Means

A green host runs its servers in data centers powered by renewable electricity, or offsets its consumption. Commitments vary a lot from one host to another. The Green Web Foundation keeps a directory of hosting providers whose claims have been verified, and lets you check any web address.

Some Committed Hosts

Infomaniak (Switzerland) opened a data center in Geneva in January 2025, powered by renewable energy, that recovers all of its heat for district heating: at full capacity, enough to heat 6,000 homes a year.

OVHcloud (France) has cooled its servers with water since 2003, in a closed loop and without air conditioning in its server rooms, with a power usage effectiveness (PUE) of 1.28, better than the industry average.

Kinsta runs on Google Cloud infrastructure, which aims for carbon-free electricity, hour by hour, by 2030, with data centers in Europe, North America and Asia. GreenGeeks buys renewable energy certificates equal to three times its consumption.

A Clear Adoption Gap

According to the Web Almanac 2024, only 14% of mobile websites are hosted by a recognized green host, slightly more on desktop. Large third-party services (fonts, analytics, CDNs) do much better, with 98% of their requests going through green hosts. For a small business website, switching host at renewal time is often the simplest step.

03Optimizing WordPress: The Techniques That Matter

Lighter Pages

A median page weighs 2,652 KB on desktop (HTTP Archive 2024). On WordPress, much of this weight comes from the theme and plugins: a multipurpose theme or a page builder loads its code and styles on every page, even when they are not used. Every extra kilobyte uses bandwidth and energy on every visit.

Start from a lightweight theme, or a custom theme that only loads what it uses. That is what we do on our sites, with a theme built for each site using our own lightweight tool and no heavy page builder.

Delete unused plugins instead of leaving them deactivated. Each plugin adds code, requests and one more possible security hole. If two plugins do the same job, keep one.

Remove unused JavaScript and CSS. According to the Web Almanac 2024, the least optimized 10% of sites load more than 900 KB of unused JavaScript on desktop. Loading scripts only on the pages that need them, or after the visitor’s first interaction, cuts most of this waste.

Images, the First Lever

Images are often the largest part of a page’s weight, so this is where you gain the most, and the fastest.

Switch to WebP or AVIF, formats more compact than JPEG and PNG. Their use is growing (WebP is up 34% since 2022), but JPEG and PNG still dominate the web.

Serve the right size with the srcset attribute, which WordPress handles natively: a phone does not need a 4,000-pixel image. Yet only 42.4% of sites use it.

Load images as the visitor scrolls (lazy loading): WordPress has enabled it by default since version 5.5, except for the first visible image, which must appear right away.

Caching and CDN

Caching avoids rebuilding and resending the same pages on every visit. On WordPress, LiteSpeed Cache (on compatible servers) or WP Rocket handle it. A CDN then brings files closer to visitors, so data travels a shorter distance, which matters most for a site that targets several countries.

04Video: The Heaviest Content on the Web

The Weight of an Embedded Video

Video is by far the heaviest format. An embedded YouTube or Vimeo video loads its player, scripts and styles before anyone presses play: several hundred kilobytes and many requests to other servers, for every visitor, whether they watch or not.

Best Practices

Use a facade: the page shows a simple image with a play button, and the real player loads only on click. Visitors who do not watch the video download nothing. Plugins like Lite YouTube Embed do this very well.

Avoid autoplay, which uses data the visitor did not ask for, and often annoys more than it helps.

Ask whether the video is needed. Sometimes a few images or clear text say the same thing, faster and with far less data.

05Measuring Your Website’s Carbon Footprint

Measurement Tools

You can only reduce what you measure, and several free tools give a first estimate.

Website Carbon (websitecarbon.com) estimates the CO₂ emitted per page view and checks whether the host is green. It gives a rating from A+ to F.

EcoIndex (ecoindex.fr), a French tool created by the GreenIT collective, rates a page from A to G based on three criteria: page complexity, the weight of transferred data and the number of requests. It is also available as a browser extension.

Lighthouse, built into Chrome, measures performance, accessibility and SEO. It does not calculate CO₂, but a good performance score almost always goes with a light page.

Our eco audit tool (shinseistudio.com/audit), free, analyses a page with Google Lighthouse, on mobile and on desktop. It estimates its CO₂e per visit with the Sustainable Web Design v4 model, gives it an A+ to F rating and checks 16 good practices. Its method is published.

One caution: these tools usually measure the first load only. For a site that loads images and scripts as the visit goes on, also check the weight of a full visit in your browser’s Network tab.

Setting a Target

Website Carbon uses the rating scale of the Sustainable Web Design model, which grades pages by their emissions per page view. At Shinsei Studio, we measure every site before launch and aim for the best rating possible with what the site needs to show. A video at the top of the page or large image galleries will always weigh more, and we tell you what each choice costs in weight.

Rating	CO₂ per page view
A+	up to 0.040 g
Our site, shinseistudio.com	0.026 g · A+
A	up to 0.079 g
B	up to 0.145 g
C	up to 0.209 g
D	up to 0.278 g
E	up to 0.359 g
F (the median desktop page, 0.37 g)	0.360 g and above

Source: Sustainable Web Design, Digital Carbon Ratings, the scale used by Website Carbon.

06SEO and AI: What Changes for Content

Search Is Changing Shape

AI assistants are changing how people look for information. In October 2025, OpenAI claimed more than 800 million weekly ChatGPT users, and Google announced in mid-2025 that its AI-generated answers (AI Overviews) reached more than 2 billion people a month. As early as 2024, Gartner predicted a 25% drop in traditional search engine volume by 2026.

When an AI answer appears, people click less: in Seer Interactive’s study (September 2025), the organic click-through rate on these searches falls from 1.76% to 0.61%. Brands cited in these answers, though, get noticeably more clicks than the others.

Writing to Be Cited

Generative engine optimization (GEO) tries to get a page cited in these answers. Its best practices are those of a good article:

Answer clearly at the start of each section, then go into detail.

Give precise, dated figures, rather than vague phrases such as “growing fast”.

Cite your sources, preferably official or well-known ones, and make them visible.

Structure the content with clear heading levels, lists, tables and frequently asked questions. People read it more easily, and so do AI tools.

Sustainability and SEO Go Together

A light, fast site gets good Core Web Vitals, and clear, concise content transfers less data while being easier to cite. If AI answers reduce unnecessary visits, they also reduce pages loaded for nothing, and the traffic that remains is better qualified.

07Frameworks: International, Europe and Japan

Internationally: the W3C Web Sustainability Guidelines

The W3C, the body that sets web standards, publishes the Web Sustainability Guidelines (WSG), recommendations for sustainable web design. They are published as a group note, a step towards an official standard, and are the best starting point for any project outside France.

In Europe: France’s RGESN

France has gone furthest. Its 2021 REEN law, which aims to reduce the environmental footprint of digital technology, asked the regulators Arcep and Arcom to write an eco-design framework. Its 2024 version, the RGESN (general framework for the eco-design of digital services), has 78 criteria in 9 families: strategy, specifications, architecture, user experience, content, front-end, back-end, hosting and algorithms.

Each criterion is a question. Answering them produces an eco-design statement that shows, criterion by criterion, where the service stands. It is a useful checklist even for a small site, wherever it is based.

In Japan, Where We Are Based

Search in Japan looks different from Europe or the United States. In August 2026, Google held about 63% of the market, Bing 28% and Yahoo! JAPAN 7%, according to Statcounter. Bing’s share, driven by Edge and Copilot on desktop computers, varies a lot from month to month. A company targeting Japan therefore needs a site that ranks well on several search engines, not only Google.

08Action Plan: Where to Start

Five Steps to Start Today

There is no need to redo everything at once. Start with these five steps.

Step 1: measure. Run your main pages through a measurement tool: our eco audit tool, Website Carbon or EcoIndex. Write down the results: this is your baseline.

Step 2: optimize your images. It is the biggest gain for most sites. Convert them to WebP or AVIF, at the right size, with a plugin like ShortPixel or Imagify.

Step 3: clean up your plugins. Delete those you no longer use, and merge those that overlap.

Step 4: turn on caching. LiteSpeed Cache or WP Rocket, well configured, bring an immediate gain.

Step 5: check your host. Test your address on the Green Web Foundation website, and compare green hosts at your next renewal.

Going Further

• Assess your site against the W3C Web Sustainability Guidelines, or France’s RGESN, and publish an eco-design statement.
• Follow the Web Sustainability Guidelines from the start of every new project.
• Track page weight and speed every month, so the site does not grow heavier over time.
• Offer a low-impact version of the site, very light, that visitors can switch on in one click.
• Train the people who publish content: a well-exported image is often ten times lighter.

A site only stays light if it is maintained. That is why our WordPress maintenance includes a monthly check of your pages’ weight, speed and CO₂. To see what a sustainable website costs, our guide to WordPress website cost breaks down every line.

Conclusion: A Lighter Site Is a Better Site

The footprint of websites is no longer a niche topic. Digital technology already accounts for 3 to 4% of global emissions, and growing usage keeps pushing that figure up. Yet every site can reduce its own footprint, often by a lot.

The techniques in this guide have another advantage: a sustainable website is faster, better ranked, nicer on mobile and cheaper to host. To us, it is simply a good way to build a website.

You do not need to aim for perfection from day one. Measuring your pages, lightening your images, deleting unused plugins and turning on caching already make a real difference.