At the dawn of the web-era there was much focus on how environmentally friendly websites were: we’d chop down fewer trees, ship fewer products, and travel less for business.
And because the web was small, any negative impact it had was relatively small. But the Internet’s no longer small, and neither is the impact it has on the environment. The average website uses 211,000g of CO2 per year, watching a video online outputs an estimated 0.2g of CO2 per second, and a single email can cost 50g of CO2.
In the next four years the tech industry as a whole may use up to 20% of the world’s electricity and be responsible for 5.5% of global CO2 emissions.
The good news is that because websites are viewed many times, even small improvements can multiply into real change.
1. Reduce Energy Consumption
Through electricity use, the Internet generates around the same CO2 as most major countries. That carbon comes from two different sources: the devices we use to access the Internet, and the servers that host our data.
Computers heat up, and when they heat up, they slow down. Servers are especially vulnerable, and use extraordinary amounts of energy to keep cool, and functional, which is why Microsoft keep throwing servers into the sea.
Make It Faster
The faster your site, the less data is used to serve it, and the less carbon it’s outputting, it’s that simple.
Reduce the Number of Resources Used
Everything you load on your site has an impact. You might think that a tiny PNG is too small to really impact your carbon footprint, but over thousands of page loads its impact is multiplied. Anything you can do to reduce the number of actual files requested will reduce your carbon output. You can use sites like Ecograder to estimate your own site’s CO2 output.
If there’s one single thing you can do to reduce the size of your site, the amount of data that needs to be sent over the Internet to serve your site, and the resulting speed, it’s optimize your images.
Nothing reduces a site’s footprint like optimizing images. It’s easy and free to reduce the size of JPGs and PNGs with a service like TinyPNG. Offer WebP to any browser that will accept them, it will boost your Lighthouse score and improve your CO2 usage.
Lazy Load Images
Lazy loading images means images are loaded as they are required; images at the top of a page always load, images further down only load when the user scrolls to them; if the user doesn’t scroll to the bottom of the page, they don’t load, saving you CO2.
Choose a Sustainable Hosting Company
You can reduce the power needs of a site, but you can’t eliminate them altogether. One simple step is to opt for a hosting company that gets its electricity from sustainable sources such as wind power or solar.
Low←Tech Magazine is powered by a server that runs on solar energy and carries a warning that it may go offline. But it’s possible to host both reliably and sustainably. Many web hosts outsource their actual server management, so they have no control over how those servers are powered, but there are plenty of exceptions that guarantee green web hosting. Google Cloud aims to be the cleanest in the cloud industry. For green web hosting I always recommend the all-round superb Kualo.
2. Be Inclusive
One of the biggest issues with the EV (Electric Vehicle) movement is that in the rush to move to “clean” driving we’re replacing cars earlier than we normally would.
A new EV certainly outputs less than a gas powered vehicle when driven the same distance. Combine increased use — because owners think they are driving cleanly — with the fact that a new EV has to be manufactured, the minerals for batteries have to be mined (in horrific conditions) and it then needs to be shipped to you, and EVs are not as friendly as they appear — so go ahead, buy that vintage Porsche it’s probably better for the environment than a Tesla.
Support Legacy Devices
The same issue that applies to cars, applies to devices. Every time we rush ahead to support the latest iPhone, we leave older generations behind. A device can, and should last longer than two years.
This is not to say that you shouldn’t embrace modern web standards. Technologies like CSS Grid are excellent at reducing markup size and speeding up sites. CSS Grid has been well supported for over four years, even “legacy” devices can handle it. If a phone can be kept for an extra six months, the environmental cost of that phone is reduced by 20%.
3. Help Users Make Good Choices
More and more people are trying to make good choices. We’re eating a healthier, balanced diet. We’re recycling clothes. We’re travelling by bike, and by foot, instead of by car. People want to do the right thing, and they seek out companies that aid them.
Anything that you can do to make your content more findable will mean fewer page loads, and therefore consume fewer resources.
By improving your information architecture, improving the accuracy of your search, and improving on-page signposts like bread crumbs and link text, you help users find content faster.
When the environmental impact of a user’s actions are quantifiable, let them know. Users who care will appreciate it and users who don’t will ignore it.
The site Raileurope.com adds a note to any quotation letting you know how much carbon you’ve saved by travelling by train instead of flying.
Don’t Remove the Shipping Rate
Many ecommerce sites offer free shipping, especially above a certain order value; it’s a good way to encourage higher sales. But absorbing the shipping cost implies that there is no shipping. By highlighting the shipping costs, even if they’re not passed on to the customer, you remind them that there is an environmental cost as well as a financial cost.
You can absorb the shipping rate, without implying there is no cost, by adding the shipping, and then explicitly deducting it as a discount.
Sustainable Web Design Is Good For Business
The fundamentals of good web design, are the fundamentals of sustainable web design.
Make it fast and usable, and you’ll also be making it energy efficient. Make it inclusive, and you’ll help the industry slow the ever growing tendency to consume. Make it transparent, and you’ll help your users make good choices of their own. All of these things are not only good for the environment, but they also result in improved UX and SEO.
Featured image via Pexels.
The post 3 Effective Ways To Improve Your Site’s Carbon Footprint first appeared on Webdesigner Depot.
Please Help Support BeforeitsNews by trying our Natural Health Products below!
Order by Phone at 888-809-8385 or online at https://mitocopper.com M - F 9am to 5pm EST
Order by Phone at 888-388-7003 or online at https://www.herbanomic.com M - F 9am to 5pm EST
Order by Phone at 888-388-7003 or online at https://www.herbanomics.com M - F 9am to 5pm EST
Humic & Fulvic Trace Minerals Complex - Nature's most important supplement! Vivid Dreams again!
HNEX HydroNano EXtracellular Water - Improve immune system health and reduce inflammation
Ultimate Clinical Potency Curcumin - Natural pain relief, reduce inflammation and so much more.
Oxy Powder - Natural Colon Cleanser! Cleans out toxic buildup with oxygen!
Nascent Iodine - Promotes detoxification, mental focus and thyroid health.
Smart Meter Cover - Reduces Smart Meter radiation by 96%! (See Video)