{"id":390,"date":"2025-09-18T10:00:00","date_gmt":"2025-09-18T10:00:00","guid":{"rendered":"http:\/\/www.ywaluminumcase.com\/?p=390"},"modified":"2025-10-07T11:25:03","modified_gmt":"2025-10-07T11:25:03","slug":"how-to-minimize-the-environmental-impact-of-your-website","status":"publish","type":"post","link":"http:\/\/www.ywaluminumcase.com\/index.php\/2025\/09\/18\/how-to-minimize-the-environmental-impact-of-your-website\/","title":{"rendered":"How To Minimize The Environmental Impact Of Your Website"},"content":{"rendered":"<p>              <title>How To Minimize The Environmental Impact Of Your Website<\/title><\/p>\n<article>\n<header>\n<h1>How To Minimize The Environmental Impact Of Your Website<\/h1>\n<address>James Chudley<\/address>\n<p>                  2025-09-18T10:00:00+00:00<br \/>\n                  2025-10-07T11:03:02+00:00<br \/>\n                <\/header>\n<p>Climate change is the single biggest health threat to humanity, accelerated by human activities such as the burning of fossil fuels, which generate greenhouse gases that trap the sun\u2019s heat.<\/p>\n<p>The average temperature of the earth\u2019s surface is now <a href=\"https:\/\/www.un.org\/en\/climatechange\/what-is-climate-change\">1.2\u00b0C warmer than it was in the late 1800\u2019s, and projected to more than double by the end of the century.<\/a><\/p>\n<figure class=\"\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/1-climate-stripes.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"453\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Image shows a series of vertical stripes of varying colours showing how average temperatures have risen since 1850, containing the text \u2018each stripe represents the average temperature for a single year, relative to the average temperature from 1850 to 2024\u2019\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/1-climate-stripes.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Image source: <a href=\"https:\/\/showyourstripes.info\/\">\u2018Climate stripes\u2019 by Professor Ed Hawkins (University of Reading)<\/a>. (<a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/1-climate-stripes.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>The consequences of climate change include intense droughts, water shortages, severe fires, melting polar ice, catastrophic storms, and declining biodiversity.<\/p>\n<h2 id=\"the-internet-is-a-significant-part-of-the-problem\">The Internet Is A Significant Part Of The Problem<\/h2>\n<p>Shockingly, the <a href=\"https:\/\/www.wholegraindigital.com\/blog\/new-sustainable-web-design-model-changes-the-context-of-internet-emissions\/\">internet is responsible for higher global greenhouse emissions than the aviation industry<\/a>, and is <a href=\"https:\/\/climateproductleaders.org\/\">projected to be responsible for 14% of all global greenhouse gas emissions by 2040<\/a>.<\/p>\n<p>If the internet were a country, it would be <a href=\"https:\/\/www.sustainablewebmanifesto.com\/\">the 4th largest polluter in the world<\/a> and represents the <a href=\"https:\/\/www.mozillafoundation.org\/en\/blog\/internet-climate-change-fixes\/\">largest coal-powered machine on the planet<\/a>.<\/p>\n<p>But how can something digital like the internet produce harmful emissions?<\/p>\n<p>Internet emissions come from powering the infrastructure that drives the internet, such as the vast data centres and data transmission networks that consume huge amounts of electricity.<\/p>\n<p>Internet emissions also come from the global manufacturing, distribution, and usage of the estimated 30.5 billion devices (phones, laptops, etc.) that we use to access the internet.<\/p>\n<p>Unsurprisingly, internet related emissions are increasing, <a href=\"https:\/\/www.nature.com\/articles\/s41467-024-47621-w\">given that 60% of the world\u2019s population spend, on average, 40% of their waking hours online<\/a>.<\/p>\n<div data-audience=\"non-subscriber\" data-remove=\"true\" class=\"feature-panel-container\">\n<aside class=\"feature-panel\">\n<div class=\"feature-panel-left-col\">\n<div class=\"feature-panel-description\">\n<p>Meet <strong><a data-instant href=\"https:\/\/www.smashingconf.com\/online-workshops\/\">Smashing Workshops<\/a><\/strong> on <strong>front-end, design &amp; UX<\/strong>, with practical takeaways, live sessions, <strong>video recordings<\/strong> and a friendly Q&amp;A. With Brad Frost, St\u00e9ph Walter and <a href=\"https:\/\/smashingconf.com\/online-workshops\/workshops\">so many others<\/a>.<\/p>\n<p><a data-instant href=\"smashing-workshops\" class=\"btn btn--green btn--large\">Jump to the workshops&nbsp;\u21ac<\/a><\/div>\n<\/div>\n<div class=\"feature-panel-right-col\"><a data-instant href=\"smashing-workshops\" class=\"feature-panel-image-link\"><\/p>\n<div class=\"feature-panel-image\">\n<img loading=\"lazy\" class=\"feature-panel-image-img lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Feature Panel\" width=\"257\" height=\"355\" data-src=\"\/images\/smashing-cat\/cat-scubadiving-panel.svg\"><\/p>\n<\/div>\n<p><\/a>\n<\/div>\n<\/aside>\n<\/div>\n<h2 id=\"we-must-urgently-reduce-the-environmental-impact-of-the-internet\">We Must Urgently Reduce The Environmental Impact Of The Internet<\/h2>\n<p>As responsible digital professionals, we must act quickly to minimise the environmental impact of our work.<\/p>\n<p>It is encouraging to see the UK government encourage action by adding \u201c<a href=\"https:\/\/www.gov.uk\/guidance\/government-design-principles#minimise-environmental-impact\">Minimise environmental impact<\/a>\u201d to their best practice design principles, but there is <strong>still too much talking and not enough corrective action<\/strong> taking place within our industry.<\/p>\n<figure class=\"\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/politicians-discussing-climate-change.jpg\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"535\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Photo shows an artwork containing small figures representing politicians who are in a puddle, depicting how, as they continue to talk, the water level rises around them, representing rising sea levels due to climate change.\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/politicians-discussing-climate-change.jpg\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Credit: \u2018Politicians discussing climate change\u2019 by Isaac Cordal. (<a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/politicians-discussing-climate-change.jpg\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>The reality of many tightly constrained, fast-paced, and commercially driven web projects is that minimising environmental impact is far from the agenda.<\/p>\n<p>So how can we make the environment more of a priority and talk about it in ways that stakeholders will listen to?<\/p>\n<p>A eureka moment on a recent web optimisation project gave me an idea.<\/p>\n<h2 id=\"my-eureka-moment\">My Eureka Moment<\/h2>\n<p>I led a project to optimise the mobile performance of <a href=\"http:\/\/www.talktofrank.com\">www.talktofrank.com<\/a>, a government drug advice website that aims to keep everyone safe from harm.<\/p>\n<p>Mobile performance is critically important for the success of this service to ensure that users with older mobile devices and those using slower network connections can still access the information they need.<\/p>\n<p>Our work to minimise page weights focused on purely technical changes that our developer made following recommendations from tools such as <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\">Google Lighthouse<\/a> that reduced the size of the webpages of a key user journey by up to 80%. This resulted in pages downloading up to 30% faster and the carbon footprint of the journey being reduced by 80%.<\/p>\n<p>We hadn\u2019t set out to reduce the carbon footprint, but seeing these results led to my eureka moment.<\/p>\n<blockquote><p>I realised that by minimising page weights, you improve performance (which is a win for users and service owners) and also consume less energy (due to needing to transfer and store less data), creating additional benefits for the planet &mdash; so everyone wins.<\/p><\/blockquote>\n<p>This felt like a breakthrough because business, user, and environmental requirements are often at odds with one another. By focussing on minimising websites to be as simple, lightweight and easy to use as possible you get benefits that extend beyond the <a href=\"https:\/\/online.hbs.edu\/blog\/post\/what-is-the-triple-bottom-line\">triple bottom line<\/a> of people, planet and profit to include performance and purpose.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/2-minimising-benefits.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"450\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Image shows the word \u2018Minimise\u2019 surrounded by the words \u2018people\u2019, \u2018planet\u2019, \u2018performance\u2019, \u2018profit\u2019 and \u2018purpose\u2019.\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/2-minimising-benefits.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      The multiple benefits of minimising make it a great digital sustainability strategy. (<a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/2-minimising-benefits.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>So why is \u2018minimising\u2019 such a great digital sustainability strategy?<\/p>\n<ul>\n<li><strong>Profit<\/strong><br \/>\nWebsite providers win because their website becomes more efficient and more likely to meet its intended outcomes, and a lighter site should also lead to lower hosting bills.<\/li>\n<li><strong>People<\/strong><br \/>\nPeople win because they get to use a website that downloads faster, is quick and easy to use because it&rsquo;s been intentionally designed to be as simple as possible, enabling them to complete their tasks with the minimum amount of effort and mental energy.<\/li>\n<li><strong>Performance<\/strong><br \/>\nLightweight webpages download faster so perform better for users, particularly those on older devices and on slower network connections.<\/li>\n<li><strong>Planet<\/strong><br \/>\nThe planet wins because the amount of energy (and associated emissions) that is required to deliver the website is reduced.<\/li>\n<li><strong>Purpose<\/strong><br \/>\nWe know that we do our best work when we feel a sense of purpose. It is hugely gratifying as a digital professional to know that our work is doing good in the world and contributing to making things better for people and the environment.<\/li>\n<\/ul>\n<p>In order to prioritise the environment, we need to be able to speak confidently in a language that will resonate with the business and ensure that any investment in time and resources yields the widest range of benefits possible.<\/p>\n<p>So even if you feel that the environment is a very low priority on your projects, focusing on minimising page weights to improve performance (which is generally high on the agenda) presents the perfect trojan horse for an environmental agenda (should you need one).<\/p>\n<p>Doing the right thing isn\u2019t always easy, <strong>but we\u2019ve done it before<\/strong> when managing to prioritise issues such as usability, accessibility, and inclusion on digital projects.<\/p>\n<p>Many of the things that make websites easier to use, more accessible, and more effective also help to minimise their environmental impact, so the things you need to do will feel familiar and achievable, so don\u2019t worry about it all being another new thing to learn about!<\/p>\n<p>So this all makes sense in theory, but what\u2019s the master plan to use when putting it into practice?<\/p>\n<h2 id=\"the-masterplan\">The Masterplan<\/h2>\n<p>The masterplan for creating websites that have minimal environmental impact is to <strong>focus on offering the maximum value from the minimum input of energy<\/strong>.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/3-sustainability-masterplan.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"449\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Image shows a diagram with a \u2018digital service\u2019 at the centre with an input stating \u2018minimise the energy required to operate it\u2019 and another input stating \u2018minimise the human energy to use it\u2019. The output states \u2018maximise the value created by it\u2019.\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/3-sustainability-masterplan.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      The digital sustainability masterplan is to offer maximum value from the minimum input of energy. (<a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/3-sustainability-masterplan.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>It\u2019s an adaptation of <a href=\"https:\/\/en.wikipedia.org\/wiki\/Buckminster_Fuller\">Buckminister Fuller\u2019s<\/a> <a href=\"https:\/\/en.wikipedia.org\/wiki\/Dymaxion\">\u2018Dymaxion\u2019<\/a> principle, which is one of his many progressive and groundbreaking sustainability strategies for living and surviving on a planet with finite resources.<\/p>\n<p>Inputs of energy include both the electrical energy that is required to operate websites and also the mental energy that is required to use them.<\/p>\n<p>You can achieve this by <strong>minimising websites to their core content, features, and functionality<\/strong>, ensuring that everything can be justified from the perspective of meeting a business or user need. This means that anything that isn\u2019t adding a proportional amount of value to the amount of energy it requires to provide it should be removed.<\/p>\n<p>So that\u2019s the masterplan, but how do you put it into practice?<\/p>\n<div class=\"partners__lead-place\"><\/div>\n<h2 id=\"decarbonise-your-highest-value-user-journeys\">Decarbonise Your Highest Value User Journeys<\/h2>\n<p>I\u2019ve developed a new approach called \u2018Decarbonising User Journeys\u2019 that will help you to minimise the environmental impact of your website and maximise its performance.<\/p>\n<p><strong>Note<\/strong>: The approach deliberately focuses on optimising key user journeys and not entire websites to keep things manageable and to make it easier to get started.<\/p>\n<p>The secret here is to start small, demonstrate improvements, and then scale.<\/p>\n<p>The approach consists of five simple steps:<\/p>\n<ol>\n<li><strong>Identify<\/strong> your highest value user journey,<\/li>\n<li><strong>Benchmark<\/strong> your user journey,<\/li>\n<li>Set <strong>targets<\/strong>,<\/li>\n<li><strong>Decarbonise<\/strong> your user journey,<\/li>\n<li><strong>Track<\/strong> and <strong>share<\/strong> your progress.<\/li>\n<\/ol>\n<p>Here\u2019s how it works.<\/p>\n<h3 id=\"step-1-identify-your-highest-value-user-journey\">Step 1: Identify Your Highest Value User Journey<\/h3>\n<p>Your highest value user journey might be the one that your users value the most, the one that brings you the highest revenue, or the one that is fundamental to the success of your organisation.<\/p>\n<p>You could also focus on a user journey that you know is performing particularly badly and has the potential to deliver significant business and user benefits if improved.<\/p>\n<p>You may have lots of important user journeys, and it\u2019s fine to decarbonise multiple journeys in parallel if you have the resources, but <strong>I\u2019d recommend starting with one<\/strong> first to keep things simple.<\/p>\n<p>To bring this to life, let\u2019s consider a hypothetical example of a premiership football club trying to decarbonise its online ticket-buying journey that receives high levels of traffic and is responsible for a significant proportion of its weekly income.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/ticket-user-journey.jpg\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"232\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Image shows a series of four blue boxes linked by arrows containing the words \u2018home\u2019, \u2018\u2019fixtures\u2019, \u2018news\u2019 and \u2018tickets\u2019 and represents a hypothetical user journey through a football club website.\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/ticket-user-journey.jpg\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      A hypothetical high-value ticket purchasing user journey for a football club website. (<a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/ticket-user-journey.jpg\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h3 id=\"step-2-benchmark-your-user-journey\">Step 2: Benchmark Your User Journey<\/h3>\n<p>Once you\u2019ve selected your user journey, you need to benchmark it in terms of how well it meets user needs, the value it offers your organisation, and its carbon footprint.<\/p>\n<blockquote><p>It is vital that you understand the job it needs to do and how well it is doing it before you start to decarbonise it. There is no point in removing elements of the journey in an effort to reduce its carbon footprint, for example, if you compromise its ability to meet a key user or business need.<\/p><\/blockquote>\n<p>You can benchmark how well your user journey is meeting user needs by conducting user research alongside analysing existing customer feedback. Interviews with business stakeholders will help you to understand the value that your journey is providing the organisation and how well business needs are being met.<\/p>\n<p>You can benchmark the carbon footprint and performance of your user journey using online tools such as <a href=\"https:\/\/cardamon.io\/\">Cardamon<\/a>, <a href=\"https:\/\/ecograder.com\/\">Ecograder<\/a>, <a href=\"https:\/\/www.websitecarbon.com\/\">Website Carbon Calculator<\/a>, <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\">Google Lighthouse<\/a>, and <a href=\"https:\/\/bioscore.com\/\">Bioscore<\/a>. Make sure you have your analytics data to hand to help get the most accurate estimate of your footprint.<\/p>\n<p>To use these tools, simply add the URL of each page of your journey, and they will give you a range of information such as page weight, energy rating, and carbon emissions. <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\">Google Lighthouse<\/a> works slightly differently via a browser plugin and generates a really useful and detailed performance report as opposed to giving you a carbon rating.<\/p>\n<p>A great way to bring your benchmarking scores to life is to <strong>visualise<\/strong> them in a similar way to how you would present a customer journey map or service blueprint.<\/p>\n<p>This example focuses on just communicating the carbon footprint of the user journey, but you can also add more swimlanes to communicate how well the journey is performing from a user and business perspective, too, adding user pain points, quotes, and business metrics where appropriate.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/5-carbon-footprint-user-journey.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"450\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Image shows a visualisation of the carbon footprint of a hypothetical user journey consisting of 4 steps showing how the energy efficiency ratings of the different pages vary across the journey.\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/5-carbon-footprint-user-journey.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Visualising the carbon footprint of your user journey makes it easy to see where the problems are. (<a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/5-carbon-footprint-user-journey.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>I\u2019ve found that adding the <strong>energy efficiency ratings<\/strong> is really effective because it\u2019s an approach that people recognise from their household appliances. This adds a useful context to just showing the weights (such as grams or kilograms) of CO2, which are generally meaningless to people.<\/p>\n<p>Within my benchmarking reports, I also add a set of benchmarking data for every page within the user journey. This gives your stakeholders a more detailed breakdown and a simple summary alongside a snapshot of the benchmarked page.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/6-page-level-breakdowns.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"450\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Image shows a screenshot of the Manchester City football club homepage with a breakdown of information for that page, including energy efficiency rating, page size, usage stats, power consumption, CO2 emissions, CO2 per view, and hosting power source information.\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/6-page-level-breakdowns.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Page-level breakdowns are useful to see how each page within the user journey is performing. (<a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/6-page-level-breakdowns.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>Your benchmarking activities will give you a really clear picture of where remedial work is required from an environmental, user, and business point of view.<\/p>\n<p>In our football user journey example, it\u2019s clear that the \u2018News\u2019 and \u2018Tickets\u2019 pages need some attention to reduce their carbon footprint, so they would be a sensible priority for decarbonising.<\/p>\n<h3 id=\"step-3-set-targets\">Step 3: Set Targets<\/h3>\n<p>Use your benchmarking results to help you set targets to aim for, such as a <strong>carbon budget<\/strong>, <strong>energy efficiency<\/strong>, <strong>maximum page weight<\/strong>, and <strong>minimum Google Lighthouse performance targets<\/strong> for each individual page, in addition to your existing UX metrics and business KPIs.<\/p>\n<p>There is no right or wrong way to set targets. Choose what you think feels achievable and viable for your business, and you\u2019ll only learn how reasonable and achievable they are when you begin to decarbonise your user journeys.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/7-carbon-footprint-targets.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Image shows a representation of the carbon footprint of a user journey with different energy efficiency targets for each step of the journey.\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/7-carbon-footprint-targets.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Visualising your targets makes it easy for your stakeholders to understand what you\u2019re aiming for. (<a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/7-carbon-footprint-targets.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>Setting targets is important because it gives you something to aim for and keeps you focused and accountable. The quantitative nature of this work is great because it gives you the ability to quickly demonstrate the positive impact of your work, making it easier to justify the time and resources you are dedicating to it.<\/p>\n<h3 id=\"step-4-decarbonise-your-user-journey\">Step 4: Decarbonise Your User Journey<\/h3>\n<p>Your objective now is to decarbonise your user journey by minimising page weights, improving your Lighthouse performance rating, and minimising pages so that they meet both user and business needs in the most efficient, simple, and effective way possible.<\/p>\n<p>It\u2019s up to you how you approach this depending on the resources and skills that you have, you can focus on specific pages or addressing a specific problem area such as heavyweight images or videos across the entire user journey.<\/p>\n<p>Here\u2019s a list of activities that will all help to reduce the carbon footprint of your user journey:<\/p>\n<ul>\n<li>Work through the recommendations in the \u2018diagnostics\u2019 section of your <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\">Google Lighthouse<\/a> report to help optimise page performance.<\/li>\n<li>Switch to a <strong>green hosting provider<\/strong> if you are not already using one. Use the <a href=\"https:\/\/www.thegreenwebfoundation.org\/tools\/directory\/\">Green Web Directory<\/a> to help you choose one.<\/li>\n<li>Work through the <a href=\"https:\/\/w3c.github.io\/sustainableweb-wsg\/\">W3C Web Sustainability Guidelines<\/a>, implementing the most relevant guidelines to your specific user journey.<\/li>\n<li><strong>Remove<\/strong> anything that is not adding any user or business value.<\/li>\n<li><strong>Reduce<\/strong> the amount of information on your webpages to make them easier to read and less overwhelming for people.<\/li>\n<li><strong>Replace<\/strong> content with a lighter-weight alternative (such as swapping a video for text) if the lighter-weight alternative provides the same value.<\/li>\n<li><strong>Optimise<\/strong> assets such as photos, videos, and code to reduce file sizes.<\/li>\n<li>Remove any <strong>barriers<\/strong> to accessing your website and any <strong>distractions<\/strong> that are getting in the way.<\/li>\n<li><strong>Re-use<\/strong> familiar components and design patterns to make your websites quicker and easier to use.<\/li>\n<li>Write <strong>simply<\/strong> and <strong>clearly<\/strong> in plain English to help people get the most value from your website and to help them avoid making mistakes that waste time and energy to resolve.<\/li>\n<li><strong>Fix<\/strong> any usability issues you identified during your benchmarking to ensure that your website is as easy to use and useful as possible.<\/li>\n<li>Ensure your user journey is as <a href=\"https:\/\/aaardvarkaccessibility.com\/wcag-plain-english\/\">accessible<\/a> as possible so the widest possible audience can benefit from using it, offsetting the environmental cost of providing the website.<\/li>\n<\/ul>\n<h3 id=\"step-5-track-and-share-your-progress\">Step 5: Track And Share Your Progress<\/h3>\n<p>As you decarbonise your user journeys, use the benchmarking tools from step 2 to track your progress against the targets you set in step 3 and share your progress as part of your wider sustainability reporting initiatives.<\/p>\n<p>All being well at this point, you will have the numbers to demonstrate how the performance of your user journey has improved and also how you have managed to reduce its carbon footprint.<\/p>\n<p>Share these results with the business as soon as you have them to help you secure the resources to continue the work and initiate similar work on other high-value user journeys.<\/p>\n<p>You should also start to <strong>communicate your progress with your users<\/strong>.<\/p>\n<p>It\u2019s important that they are made aware of the carbon footprint of their digital activity and empowered to make informed choices about the environmental impact of the websites that they use.<\/p>\n<p>Ideally, every website should communicate the emissions generated from viewing their pages to help people make these informed choices and also to encourage website providers to minimise their emissions if they are being displayed publicly.<\/p>\n<p>Often, people will have no choice but to use a specific website to complete a specific task, so it is the responsibility of the website provider to ensure the environmental impact of using their website is as small as possible.<\/p>\n<p>You can also help to raise awareness of the environmental impact of websites and what you are doing to minimise your own impact by publishing a <strong>digital sustainability statement<\/strong>, such as Unilever\u2019s, as shown below.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/8-unilever-digital-sustainability-statement.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"537\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Image shows a screenshot of the digital sustainability statement from Unilever\u2019s website.\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/8-unilever-digital-sustainability-statement.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Unilever\u2019s digital sustainability statement is a great example of what every website should offer. (<a href=\"https:\/\/files.smashing.media\/articles\/how-minimize-environmental-impact-website\/8-unilever-digital-sustainability-statement.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>A good digital sustainability statement should acknowledge the environmental impact of your website, what you have done to reduce it, and what you plan to do next to minimise it further.<\/p>\n<blockquote class=\"pull-quote\">\n<p>\n    <a class=\"pull-quote__link\" aria-label=\"Share on Twitter\" href=\"https:\/\/twitter.com\/share?text=%0aAs%20an%20industry,%20we%20should%20normalise%20publishing%20digital%20sustainability%20statements%20in%20the%20same%20way%20that%20accessibility%20statements%20have%20become%20a%20standard%20addition%20to%20website%20footers.%0a&amp;url=https:\/\/smashingmagazine.com%2f2025%2f09%2fhow-minimize-environmental-impact-website%2f\"><\/p>\n<p>As an industry, we should normalise publishing digital sustainability statements in the same way that accessibility statements have become a standard addition to website footers.<\/p>\n<p>    <\/a>\n  <\/p>\n<div class=\"pull-quote__quotation\">\n<div class=\"pull-quote__bg\">\n      <span class=\"pull-quote__symbol\">\u201c<\/span><\/div>\n<\/p><\/div>\n<\/blockquote>\n<div class=\"partners__lead-place\"><\/div>\n<h2 id=\"useful-decarbonising-principles\">Useful Decarbonising Principles<\/h2>\n<p>Keep these principles in mind to help you decarbonise your user journeys:<\/p>\n<ul>\n<li><strong>More doing and less talking.<\/strong><br \/>\nStart decarbonising your user journeys as soon as possible to accelerate your learning and positive change.<\/li>\n<li><strong>Start small.<\/strong><br \/>\nStarting small by decarbonising an individual journey makes it easier to get started and generates results to demonstrate value faster.<\/li>\n<li><strong>Aim to do more with less.<\/strong><br \/>\nMinimise what you offer to ensure you are providing the maximum amount of value for the energy you are consuming.<\/li>\n<li><strong>Make your website as useful and as easy to use as possible.<\/strong><br \/>\nUseful websites can justify the energy they consume to provide them, ensuring they are net positive in terms of doing more good than harm.<\/li>\n<li><strong>Focus on progress over perfection.<\/strong><br \/>\nWebsites are never finished or perfect but they can always be improved, every small improvement you make will make a difference.<\/li>\n<\/ul>\n<h2 id=\"start-decarbonising-your-user-journeys-today\">Start Decarbonising Your User Journeys Today<\/h2>\n<p>Decarbonising user journeys shouldn\u2019t be done as a one-off, reserved for the next time that you decide to redesign or replatform your website; it should happen on a <strong>continual basis<\/strong> as part of your broader <a href=\"https:\/\/docs.google.com\/document\/d\/1adM94O0u-YMoFgkFg0FwoPASYevw_Xa6wCYKJL8Ni34\/edit?usp=sharing\">digital sustainability strategy<\/a>.<\/p>\n<p>We know that websites are never finished and that the best websites continually improve as both user and business needs change. I\u2019d like to encourage people to adopt the same mindset when it comes to minimising the environmental impact of their websites.<\/p>\n<blockquote class=\"pull-quote\">\n<p>\n    <a class=\"pull-quote__link\" aria-label=\"Share on Twitter\" href=\"https:\/\/twitter.com\/share?text=%0aDecarbonising%20will%20happen%20most%20effectively%20when%20digital%20professionals%20challenge%20themselves%20on%20a%20daily%20basis%20to%20%e2%80%98minimise%e2%80%99%20the%20things%20they%20are%20working%20on.%0a&amp;url=https:\/\/smashingmagazine.com%2f2025%2f09%2fhow-minimize-environmental-impact-website%2f\"><\/p>\n<p>Decarbonising will happen most effectively when digital professionals challenge themselves on a daily basis to \u2018minimise\u2019 the things they are working on.<\/p>\n<p>    <\/a>\n  <\/p>\n<div class=\"pull-quote__quotation\">\n<div class=\"pull-quote__bg\">\n      <span class=\"pull-quote__symbol\">\u201c<\/span><\/div>\n<\/p><\/div>\n<\/blockquote>\n<p>This avoids building \u2018carbon debt\u2019 that consists of compounding technical and design debt within our websites, which is always harder to retrospectively remove than avoid in the first place.<\/p>\n<p>By taking a pragmatic approach, such as optimising high-value user journeys and aligning with business metrics such as performance, we stand the best possible chance of making digital sustainability a priority.<\/p>\n<p>You\u2019ll have noticed that, other than using website carbon calculator tools, this approach doesn\u2019t require any skills that don\u2019t already exist within typical digital teams today. This is great because it means <strong>you\u2019ve already got the skills that you need<\/strong> to do this important work.<\/p>\n<p>I would encourage everyone to raise the issue of the environmental impact of the internet in their next team meeting and to try this decarbonising approach to create better outcomes for people, profit, performance, purpose, and the planet.<\/p>\n<p>Good luck!<\/p>\n<div class=\"signature\">\n  <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Smashing Editorial\" width=\"35\" height=\"46\" loading=\"lazy\" class=\"lazyload\" data-src=\"https:\/\/www.smashingmagazine.com\/images\/logo\/logo--red.png\"><br \/>\n  <span>(yk)<\/span>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>How To Minimize The Environmental Impact Of Your Website How To Minimize The Environmental Impact Of Your Website<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[],"_links":{"self":[{"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/posts\/390"}],"collection":[{"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/comments?post=390"}],"version-history":[{"count":1,"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/posts\/390\/revisions"}],"predecessor-version":[{"id":391,"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/posts\/390\/revisions\/391"}],"wp:attachment":[{"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/media?parent=390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/categories?post=390"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.ywaluminumcase.com\/index.php\/wp-json\/wp\/v2\/tags?post=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}