Is your browser harming the planet? 

Sitegeist Low Carbon Website Blog

Think about the websites, platforms and software that you use every day. There are loads of them aren’t there? How many of them are you using because you’ve made an explicit choice to use them and how many represent the default?

Social media is a great example. Many people joined platforms as they first came online and have never left. Service levels might have degraded. You might see less updates from your friends and family than before. Maybe the more you find out about the founder’s personal politics, the ickier you feel about remaining. Even so, it’s hard to leave because you’ve got sunk time costs invested there. You still have contacts and communities it’s worth keeping in touch with.

What does it matter if you remain?

Millions of other users are still there too.

One more active account can’t hurt, can it?

I’ve been pondering this issue a lot recently. I’m a digital native, working for a web development agency, I spend a lot of time online using tools, websites and software. Even so I’ve begun to question where and how I spend my time online. It might sound paranoid but I also question who else benefits from what I’m doing. Finally, as you might expect from a Wholegrainer, I’m keen to make sure that I’m minimising the environmental harm my digital activities cause.

What I’m increasingly realising is that the default and most  popular options we use online are rarely the best. Not for the user and not for the planet.

In this series of articles I’m going to explore how we do things online, what hidden issues this might cause and importantly, how to do things better, for people and planet. 

I’ll kick things off by exploring what you’re reading this article on right now. A web browser.

Is the browser you are using exploiting your privacy, using excess energy and harming the planet?

There is a pretty good chance you’re using Chrome so statistically the answer is probably yes. At the time of publication Chrome accounts for two thirds (66.3%) of all browser usage on the net. Safari trails behind at about 18% of market share.

Why is this an issue?

Chrome is a big reason that ad profiling is so successful for Google.Google offers many free services but makes the majority of its revenue through advertising and user profiling for ad targeting. Chrome is a big reason that they are so effective at this. It allows themGoogle to create a unique “browser fingerprint” of your device. This is your digital doppelganger when you browse using Chrome.

It takes a set of characteristics from your device and uses them to create a unique picture of you and your habits. Using this data they can more accurately target you with online ads and allow other companies to do the same.

This requires data. Lots and lots of data.

By some estimates, Google stores an additional 15 Petabytes of data every day. If 15 petabyte doesn’t sound like much, remember that 1 petabyte is equivalent to:

  • 500 billion pages of standard printed text
  • or 200 million 5mb photos
  • or 13.3 years worth of HD video content

That amount of data, multiplied by 15, every, single, day.

Don’t worry though, Google won’t run out of storage any time soon. They have an estimated 30 zettabytes (30 trillion gigabytes) of capacity in their (power, water and resource hungry) data centres.

Not all of this data is from browsing. But there are 5.56 billion people online and going by the browser market share above 3.67 billion of them use Chrome. It’s a pretty safe bet that there is a sizable stream of data flowing into hyperscale data centres around the world.

What’s the data used for?

User data is vital for online advertisers and data brokers to make a profit. We know social media platforms like Meta collect this data absolutely ruthlessly. We know that websites often do it using cookies or tracking scripts. Big tech is engaged in an online arms race to get identifiable user data and profiles.

Google gets a lot of this user data via Chrome. The fingerprint it creates combines a range of data points gleaned from your browsing. 

These include things like:

  • IP address (or use of VPN)
  • Device information like processor and operating system
  • Device settings and preferences
  • Screen resolution
  • Installed fonts and much, much more

Individually none of these data points are that important. But combined, collated and compared with billions of other users’ devices, habits and behaviours, it’s incredibly powerful.

Why is this bad?

The neo-luddite in me is very glad you asked. It erodes our personal privacy. It encourages consumption our planet can’t afford and it increases the web’s energy and resource use. Let’s dig into those areas.

Privacy

Even though, like Chrome, Google services are often free, they are costing us some measure of our privacy. A company serving you online ads doesn’t know your name, but it knows an awful lot about you. It probably knows things that you wouldn’t want other people to know. These might be fairly innocent but intensely private things such as a medical issue you may have researched. They might be totally inconsequential. In the end it doesn’t matter. We all have a right to privacy, which is less respected by companies like Google than we realise.  

Consumption

The laser focussed targeting of users with ads encourages a level of consumption that our planet can’t cope with. Humanity consumes vastly more resources than the earth has the bio-capacity to regenerate. To combat the climate crisis, the developed world needs to consume less. Being exposed to fewer and less effective adverts would likely help reduce consumption. It would be healthier on our bank balances, psyches and eco-systems. 

Damaging data centres

From a digital sustainability point of view, this data gathering represents a crisis of its own. Data centre growth has exploded in recent years. This is caused partly by generative AI and partly by surveillance capitalism and data gathering. These huge data centres need power, water, space, minerals and resources.

The creation of individual digital shadows from our online habits impacts us in the real world. The move to renewables is being impacted by the increased demands of big tech. Living close to data centres can be hell, with issues like noise pollution and strain on water supplies. We need data centres but not in the numbers that exist presently.

Want a more privacy focussed and lower energy browsing experience?

There is one fairly simple step you can take to combat this. Reduce your use of Chrome by choosing a more privacy focussed browser. There are a number of options to do this including Brave, Vivaldi and my suggestion, Firefox.

Firefox currently only accounts for around 2.6% of browser market share. This is a real shame because there’s a lot to like about it. No browser is perfect of course but Firefox is pretty good and extremely customisable.

Here are five ways that using it are better, right out of the box.

  1. It’s owned and maintained by a not for profit committed to building a fairer, safer internet. They want an internet “where our privacy is protected, AI is  trustworthy and irresponsible tech companies are held accountable.” That sounds quite nice doesn’t it?

    Here’s their full Manifesto.
  2. It’s a privacy first browser. It blocks trackers from the first time you install it by default. It also allows you to further enhance your online privacy if you wish. By contrast, Chrome tracks your browsing even in incognito windows.
  3. Using Firefox means less data is collected and stored as you browse. This means less demand for data centres and less energy is required for your online actions.
  4. Not only are you saving energy use at a data centre level, you are doing so at a device level too. Tests show that Firefox uses less electricity than Chrome, meaning lower browsing emissions.
  5. Firefox is an open source project. This means that its source code can be scrutinised and improved by its users. A transparent and collaborative web is better and fairer for its users.

As I say, it’s not perfect. The privacy features can mean that some features of a website don’t work as the developers intended but you can always set exceptions where this is the case.

Just remember that the exceptions you set means you are sacrificing some level of your online privacy. You are more in control of these choices with Firefox than with Chrome. The number of times you end up doing this might just surprise you too.

What if you really, really can’t give up using Chrome as your main browser? 

Those sunk costs I mentioned in the introduction can seem insurmountable. Moving to Firefox or another more privacy focussed browser won’t feel the same as using Chrome. The usability and familiarity you get on Chrome comes in part from all the data it gathers about you and your browsing habits.

It is possible to reduce the amount of data Chrome collects and retains on you. There are guides like this one from Wired that will help you do it. It’s likely that even with adjusted settings you won’t get the same level of privacy as you would with an alternative. You might also find that the new browsing experience is compromised by the changes you make. Again, this will give you an insight into how and how often your data is gathered as you browse.

Whatever steps you take, remember: 

You’re in control of how you browse and interact online

The key thing to take away from this article and subsequent ones, is that you have the right and ability to exercise control over how browse the web. We have more agency that we realise. We might not have considered what Chrome does when we chose it as our default browser but we’re not wedded to it. We don’t have to use a surveillance capitalists’ ideal browser.

There are alternatives.

Let’s explore them and use them together.

How to Build a Low Carbon Website

Sitegeist Low Carbon Website Blog

Putting two years of low carbon website lessons into practice

Sustainability is a process and progress isn’t always linear. First you realise the need to act more sustainably and learn what you need to do to start that process. Then you take the first steps towards changing the way you live and/or work. After that, you go deeper, learning more and changing more things. Ultimately, you then repeat that last step over and over and over again!

My low carbon website building method and process has followed this pattern. Two years ago I started to focus on building low carbon websites using sustainable web design methods. Since then I’ve been learning and iterating towards a method that I’m happy with.

In the last couple of months I’ve made some breakthroughs in how I build low carbon WordPress sites. These have allowed me to further reduce the page weights of the sites I’m working on.

These discoveries have coincided with a need to change what I offer on my own site and how I talk about what I do. I found myself with a bit of time to revamp my website to be more engaging and lighter weight, and after a few weeks of coding, collaborating and iterating, my new site is here.

Putting my website on a diet

At its heaviest, my old landing page was 876.52kbs on first load. While this is much lower than the global average of 2292kbs (data from September 2022) it’s still much higher than I’d like.

When I tested the new page this morning, it came in at 88.83kbs which is a nudge under a 90% reduction compared to Sitegeist 1.0.

How building a low carbon website reduced my page weight.
Results from DigitalBeacon.co (built by Chris Butterworth)

How I reduced the size of my landing page

Before going into any technical details, I changed the way the page is designed. Keeping the layout and sections super simple and clear, I focused on the following core messages:

  • who I am
  • what I do
  • why I do it
  • what it costs
  • how to contact me

After that, I concentrated on a clean, clear design with easy to read copy and a high level of accessibility.

The geeky bit

As I’ve said in my articles recently, the main areas you can focus on to reduce page weight tend to be media (images and videos), fonts, scripts and if you’ve got the skills, coding.

Images and media

I’ve kept the images on the site to a minimum and optimised them before uploading them to the media library using the ImageOptim app. The images are then served to the browser in as small a file size as possible using WebP express. This means the images display as a .WebP file where the browser supports the format and the file size loaded is reduced.

A big thanks to Nick Lewis for his advice on this topic!

Fonts

In web design you have two choices when it comes to fonts: custom fonts and system fonts. Custom fonts come from places like Google, Adobe or commercial font repositories. The fonts are either loaded from the servers of the original source (Google and Adobe fonts often work like this) or from files on your sites’ server. Regardless of how the font is loaded, it adds weight to the page.

System fonts are widely supported fonts that are preloaded onto devices. Think Arial, Times New Roman, Georgia, Helvetica etc. If a site uses one of those fonts for its headings and copy, the device the site is being viewed on doesn’t need to load a font from somewhere else. The font is already available and less data is required to load the page.

Here I’ve used a system font stack, offering Helvetica Neue as the first font in the cascade. This means that the font displayed when you view the page is coming from your device and not downloaded from elsewhere. If a device doesn’t have Helvetica Neue preloaded, the device looks at the next font in the stack until it finds one it has.

It speeds up load times without sacrificing legibility or aesthetics.

Scripts

Or in this case a lack of scripts. I often use Javascript to add scrolling and fading effects to a page, add Google Analytics tracking codes and other scripts to take care of additional functionality.

On this site I’ve used only CSS and HTML code to make the site look and act as it does. The only scripts running are very lightweight and relate to things like the WebsiteCarbon widget and cookie banner.

Summary

Not all of the design decisions I’ve taken are suitable for other sites. A custom font can be vital for brand identity and impact. Additional images can make a site more visually appealing and effective. Scripts can make sites more impactful and interactive.

In my case, I wanted to strip the site back to just what is strictly necessary. A site that is lean and efficient without being boring and plain.

I hope I’ve struck the right balance for the site owner (that would be me), my clients (it could be you?) and my major stakeholder (our bloody lovely planet).

If you’d like a similar tune up for your site or a new low carbon website, send me an email to info@sitegeistwebservices.com.

Improving your content with AIDA

Sitegeist Low Carbon Website Blog

If you read through my posts, blogs and articles you’ll see a theme, efficiency. Sustainable sites are efficient sites. Or to put it another way, efficient sites are sustainable sites. You say potato, I say potato. Hmm, that doesn’t work in written form does it? Never mind.

In this post I am going to talk about being efficient with your site content. You might need to cut some content out or you might need to add a little in. Either way I am going to help you improve the way your site works.

Spoiler alert – your site will be greener as a result.

Strip down your pages to the bare essentials.

There is no golden rule to this tip. The right amount of content is the right amount of content. Have a look at your page and get rid of elements you don’t need to make a sale or conversion. Nice one, your site is more efficient.

You’re right, we need a bit more information to do this. There might not be a golden rule but there are guidelines to follow. A really good one is the AIDA model.

AIDA is a centuries old advertising strategy that rings true today. The term was coined in 1898. It says effective marketing attracts attention, generates interest & creates conviction, in that order. If your marketing strategy does that, it encourages action.

What does it stand for?

AwarenessWhat are you talking about exactly?
InterestWow, that does sound good.
DesireReally good actually, I must have it
ActionI can hold out no longer, I’m getting it.

AIDA is a way of mapping out a buyers’ journey. It works for all sorts of content including webpages and sites. With a webpage you can think of it like this:

A web page needs to grab a users’ AWARENESS. Get their attention and hold it. If you effectively engage a user and explain what the page is about you will draw a user in.

Now you want to stoke their INTEREST. Sell them the benefits. Tell them what problem it solves. Get them to think “I like the sound of that”.

Now things get serious. Your user is now interested but you want them to DESIRE the action your page is set up for. To move a potential customer from “I’m interested” to “I want it” you need to build trust.

Sell them on the way your business works and delivers. Tell the story of you and your product or service. Reinforce it with social proof. A testimonial would be great right about now. Lovely job.

Time for ACTION. Your user is ready to convert. Make it easy! Hit them with a nice clickable button or bright, bold, banner. Now you’ll see the order, subscription or booking hit your inbox and sit back knowing your site has your back.

My challenge for you is to choose a “sales” page on your site, then sit down with AIDA and have a look at it together.

Have you got elements on your site that don’t fit into the model above?

Are they filling space for the sake of it?

Well then wield the axe! Cut out some content and fine tune your sales process.

It doesn’t have to be a sales page. AIDA works with a landing pages too. Treat the action of clicking through to a relevant page as the action. Take a look at your landing page and check that it is taking people through the journey to another page.

How does this make things greener?

If I have sold this concept to you, you can see how this will increase site efficiency. How does it make things greener though?

You will find one of two things if you look at your site with AIDA in mind. One scenario is that your pages have too much content and aren’t focused enough. In that case you will be able to remove, copy, images, even sections that you don’t need. Less content means lower page file sizes. That means less storage, less to load and less energy required when a page loads.

In the second scenario you might actually need to add a little content. You might be getting attention but failing to hold interest. Or getting interest but not encouraging desire. Whatever is missing, you have users hitting the page but not converting. All those pages loaded for nothing. Sounds pretty inefficient to me.

Someone finds your site, clicks on a product, reads the page but doesn’t convert? What a waste of energy and effort! They still need to solve whatever problem they have. They wanted you to fix it for them. Now they have to go back to another site and start the process again! More pages loaded, more energy expended. If you’d just sold your vision to them, they would be a customer of yours by now. They’d have logged off, happy with their decision.

Have a look at your site and see what you think. If you’d like to discuss what you see, why not arrange a no obligation chat with me? We can invite AIDA if you want. She knows what she’s talking about.

The benefits of a greener website

Sitegeist Low Carbon Website Blog

Why should you strive to have a lower carbon site? You might experience a warm green feeling from doing good for the planet. That’s all well and good but there are other compelling reasons and tangible benefits to be gained.


Search Engine Optimisation

First up, green sites tend to have better SEO. Sorry if that made you snort a beverage onto your monitor. It does sound a little tenuous, but hear me out.

To build a green or sustainable website you need to carefully plan the site. You need to consider every aspect of every page. Every element of the site needs to be built with efficiency in mind. This translates into a site built and laid out using best practice. Sites are structured with the appropriate hierarchy aiding navigation. You lay out individual pages in an SEO friendly manner.

With your layout dialled in, you can look at page speed. Optimise the heck out of your site, images and code. Users love fast loading sites and so do search engines.

Search engines all favour:

  • Pages that load quickly
  • Efficient site structures
  • Best practice for page layouts

Greener sites have better SEO!


User Experience (UX)

A lot of what makes green sites better for SEO also translates in to better UX. When you minimise the carbon footprint of your site, you scrutinise every aspect of the site. Along with being well structured, you should optimise your content. If your copy isn’t pushing users towards a conversion, do you need it?

Make sure your key messages are front and centre. Telling your story well engages your users. Every element on the page is there for a reason. It’s efficient web design.

Good UX comes down to:

  • Well structured pages
  • Economical, efficient use of content
  • User engagement & getting your key message across

Greener sites have great UX!


Conversion rates

Now you have better visitors to your site through improved SEO. Your site visitors love the UX and engage with your story. The result is a better conversion rate. Users are on your site because your offering serves a purpose they need. They can easily navigate your well thought out site.

All this means that they can’t help but sign up for your newsletter. Or buy your product. Or book a discovery call about your service. Or follow you on social media. Or join your community group. Or, well you get the idea.

Greener sites convert your site visitors into customers!


Everyone wins

Taking steps to make your site more efficient is a win-win. People and planet win because you are reducing your digital carbon footprint. Your business wins because you win more work or sell more product.

My site audits are the perfect way of helping you make your site more efficient and greener. If you’d like to know more book a site audit discovery call. We can have a chat about how I can help you, your users and the planet.

How to reduce your online carbon footprint

Sitegeist Low Carbon Website Blog

The internet is a power hungry beast. Every time you search, browse or store something online there is a hidden carbon cost. If you would like to reduce your online carbon footprint there are three main areas you can make quick and easy improvements in.

Your website

If you host a website for your business, side hustle, brand or blog, you should think about how it is hosted. To get an idea of how “green” your site is check out Website Carbon to see how your site compares to the rest of the net.

My homepage is cleaner than 67% of sites tested which is great but there is still work to do!

If you are not happy with the results you can find out where to make improvements with Ecograder.  It will identify areas to make changes and provide a hit list to take to your web designer to open discussions. 

The biggest change you can make is to host with an eco-friendly hosting company.  All the sites I host are hosted on servers that use 100% renewable energy. It is the single biggest improvement you can make for your site. Better yet the improvement comes without changing a single line of code! 

Your Inbox

Have a look at your email account(s). How many unread emails do you have in there? Probably quite a few! The vast majority of us don’t pay anything for our email accounts. If you use Gmail or similar you basically have unlimited storage. If an email pops into your inbox you might leave it there rather than deleting it.  I know I used to!
The trouble with those unread emails is that they need storing somewhere and this has a carbon cost. Each stored email costs about 10g of carbon a year. So all those messages in your inbox start adding up. Take a few minutes to delete them. You’ll get a nice warm feeling from a cleaner inbox too!

If you use Gmail and want to find and delete all your unread mail this is a handy guide.

The second thing you can do is stop getting unwanted emails. Did you know that only 10% of email newsletters are ever opened. Of course you didn’t, no normal person would. If you think about all those emails trying to sell you something, or LinkedIn mails telling you about some ex colleagues’ work anniversary, it starts making sense. Cleanfox.io is a great tool for some newsletter and inbox cleaning. 

Your Search Engine

This is the easiest of the lot.  Instead of using google, use Ecosia.  Ecosia is a search engine which uses it’s ad revenue to plant trees.  If 1 in 5 people used Ecosia instead of google they could plant enough trees to sequester (capture) all the annual global carbon emissions!  So, change your search provider to Ecosia.

In Summary

So there you have it. Three easy ways of reduce your online carbon footprint.

  • If you run a website, check where it is hosted.
  • If you have an inbox, get rid of those unwanted emails.
  • If you have a question, use Ecosia, not google

Want to know more? Get in touch

Sitegeist Low Carbon Websites