Skip to content

Type a term, e.g. API, Shopware or SEO.

    ← All posts
    General· Updated

    By René Mattis · vona

    Sustainable Web Development: The Carbon Footprint of Websites

    Every page has an ecological footprint. How performance optimization and deliberate technology choices make websites sustainable.

    The internet consumes electricity — more than most people suspect. How large its share of global greenhouse gas emissions is, is hard to pin down: studies draw the boundaries very differently, depending on whether data centers, networks and devices including their manufacture are counted. But the share is not negligible. Every page view, every megabyte transferred, every server request consumes energy in data centers, in networks and on users’ devices. That sounds abstract — but it becomes concrete when you extrapolate: a website with a million page views per month has, depending on how efficient its code is, a noticeable footprint.

    The good news: sustainable web development and good web development are almost the same thing. The measures that make a website more ecologically efficient — optimized images, lean code, efficient caching, few unnecessary requests — are exactly the measures that also improve performance, enhance the user experience and benefit search engine optimization. Sustainability on the web is not a sacrifice — it’s a mark of quality.

    Where the Footprint Comes From

    The largest share of energy consumption comes from data transfer. The more data is transferred, the more energy is needed in the network and in the data centers. That makes image optimization the single most effective measure for a more sustainable website. Images in modern formats like WebP or AVIF, correctly sized and compressed, can reduce the amount of data transferred considerably — how much depends on the source material. Less data transferred generally also means less energy consumed, though not one to one.

    JavaScript is the second big factor — not only because of transfer size, but above all because of the CPU load on the device. JavaScript that has to be parsed, compiled and executed consumes energy on the user’s device. Older devices, which take longer to do so, consume correspondingly more. Less JavaScript — or more efficient JavaScript — is therefore an ecological decision, not just a performance decision.

    Green Hosting and Other Measures

    The choice of hosting provider has a direct influence on the carbon footprint. Data centers that run on renewable energy reduce the emissions per page view considerably. The Green Web Foundation offers a database where you can check whether a provider relies on green electricity. For new hosting decisions, that is a sensible criterion alongside price and performance.

    • Optimize images: WebP/AVIF, correct dimensions, lazy loading
    • Minimize JavaScript: tree shaking, code splitting, defer
    • Maximize caching: long cache TTLs, content hashing for assets
    • Choose hosting from providers that use renewable energy
    • Use the Website Carbon Calculator to measure the footprint

    Sustainable web development is no longer a niche topic. Clients are increasingly asking about it, and the first tenders explicitly require proof of sustainability for digital products. Anyone who starts developing their work from this perspective today is well positioned — and builds better, faster, more efficient websites at the same time. That is not a compromise.

    ← Back to overview

    Newsletter

    News from the vona workshop.

    AI tools we actually use, our weekly AI review & insights from our projects – short, practical and without spam.