![\"a](\"https:\/\/getflywheel.com\/layout\/wp-content\/uploads\/2018\/04\/2018-11-01_New-Support-Experience-0454-784x523.jpg\")
<\/figure>\n\n\n\nEach time somebody fires up a single web page, it emits 20 milligrams of CO2 per second. For more complex sites, this can be as much as 300 milligrams.<\/p>\n\n\n\n
At the moment, there are approximately 3.5 billion web users worldwide. But with the global population steadily increasing and more and more people getting access to the internet, the amount of computers and data centers are set to increase dramatically.<\/p>\n\n\n\n
We don\u2019t need to spell out what this means for our planet.<\/p>\n\n\n\n
So what can we do about it?<\/p>\n\n\n\n
Creating energy-efficient websites<\/h2>\n\n\n\n
The average size of a web page today is 2038.4kb<\/a>. With more data being transferred, our carbon footprint has naturally increased with it<\/p>\n\n\n\n As designers, developers, and creators of sites on the web, we have an opportunity to reduce this impact. There are several key areas where we can make small yet significant changes, and all it really takes are a few tweaks to our workflows.<\/p>\n\n\n\n To create sustainable, energy-efficient websites, follow these best practices: <\/strong><\/p>\n\n\n\n High-resolution images look fantastic on a website, but they\u2019re also one of the biggest burdens on load time and energy consumption.<\/p>\n\n\n\n Fortunately, reducing images is one of the easiest ways to lighten the load. Get fussy about the images you include. Do they have a purpose or do they simply look nice? Only use images you really need, and reduce their resolution and image quality as much as possible. Then use a tool such as TinyPNG<\/a> or WP Smush Pro<\/a> before uploading them to the site.<\/p>\n\n\n\n There\u2019s only one thing worse than images when it comes to the performance and efficiency of a website. And that\u2019s videos. <\/p>\n\n\n\n But use of video has boomed in recent years, as it\u2019s so effective for engagement and capturing our decreasing attention span.<\/p>\n\n\n\n There are a few things you can do to minimize its negative impact. Again, limit the videos on your site to what\u2019s absolutely necessary, and use as low resolution as you can get away with. Embed them directly into your site, and don\u2019t set them to autoplay. Really think about if you need a video background, or not. <\/p>\n\n\n\n Lazy loading means loading images and other media only as it\u2019s required. Everything above the fold loads instantly when a user lands on the page, but the rest only appears as they scroll down. So if a user doesn\u2019t scroll all the way to the bottom, not all the images need to load.<\/p>\n\n\n\n This saves on energy consumption and helps websites to load quicker, which is an added bonus for your SEO.<\/p>\n\n\n\n Caching involves downloading shared page elements, such as JavaScript, CSS and images, and storing them closer to the user. When the user revisits the page, they can retrieve this data from the cache location rather than querying the web server again.<\/p>\n\n\n\n This improves the performance of a website and minimizes the transfer of data. <\/p>\n\n\n\n Periodically carry out a spring clean of your website and delete anything you\u2019re not using. This includes unwanted themes and plugins, old post revisions, unused media, categories and tags, spam comments, broken links, etc. The more streamlined your site, the less energy it gobbles up.<\/p>\n\n\n\n A large unwieldy site with an unclear navigation structure will confuse and annoy your users. But that\u2019s not the only downside. It also increases the amount of time people spend clicking around the site trying to find the information they require.<\/p>\n\n\n\n Spend some time thinking about audience personas and their needs, and set a clear, logical navigation structure so visitors can zip straight to the bits they want.<\/p>\n\n\n\n With servers, data centers, and cooling systems all chewing up electricity, finding a company that employs renewable energy goes a long way to minimizing the environmental impact of your website. <\/p>\n\n\n\n Green web hosting is still finding its feet, and finding a host that combines solid performance, good customer support, and uses renewable energy can be a challenge. Many hosting companies that specialize in WordPress<\/a> don\u2019t operate their own data centers, meaning they have less control over how those servers are run.<\/p>\n\n\n\n One thing you can look for, however, is a hosting provider that’s partnered with Google Cloud Platform (GCP). Google matches 100%<\/a> of their energy consumed with renewable energy and maintains a commitment to carbon neutrality. By using a managed host for WordPress<\/a> paired with GCP, you’ll be that much closer to creating a green and sustainable website!<\/p>\n\n\n\n Reducing the environmental impacts of the web requires a fundamental shift in focus amongst the entire industry. However, by implementing these easy changes, we can all do our bit in making websites more eco-friendly. As an added bonus, these changes also improve the user experience and SEO of a site, making it a win-win-win. <\/p>\n\n\n\n Reducing the environmental impacts of the web requires a fundamental shift in focus amongst the entire industry. However, by implementing these easy changes, we can all do our bit in making websites more eco-friendly. As an added bonus, these changes also improve the user experience and SEO of a site, making it a win-win-win.<\/p>\n","protected":false},"excerpt":{"rendered":" The internet. The cloud. It\u2019s easy to think of them as virtual concepts. After all, our connection to them is largely unseen. But the data we fire back and forth all day long is collected, processed, stored, and exchanged in vast data centers around the world. The supercomputers that power them run constantly and often…<\/span><\/span><\/p>\n","protected":false},"author":1,"featured_media":140201,"template":"","resource-topic":[908],"resource-role":[896,906,897],"resource-type":[916],"class_list":["post-139761","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n\n
1. Optimize images to reduce file size<\/h3>\n\n\n\n
![\"two](\"https:\/\/getflywheel.com\/layout\/wp-content\/uploads\/2018\/04\/2019-03-21_Establish-Marketing-KPIs-6217-784x523.jpg\")
<\/figure>\n\n\n\n2. Be strategic with videos<\/h3>\n\n\n\n
3. Use lazy load for images and media<\/h3>\n\n\n\n
![\"a](\"https:\/\/getflywheel.com\/layout\/wp-content\/uploads\/2019\/04\/2018-07-30_New-Hire-Photo-Shoot-6002-784x523.jpg\")
<\/figure>\n\n\n\n4. Set up web caching<\/h3>\n\n\n\n
5. Delete what you don’t need <\/h3>\n\n\n\n
6. Improve site navigation to make it easy to find information<\/h3>\n\n\n\n
![\"an](\"https:\/\/getflywheel.com\/layout\/wp-content\/uploads\/2018\/04\/2018-04-09_How-to-create-sustainable-websites-3362-min-784x523.jpg\")
<\/figure>\n\n\n\n7. Choose a green web host<\/h3>\n\n\n\n
![\"a](\"https:\/\/getflywheel.com\/layout\/wp-content\/uploads\/2019\/04\/2018-10-11_New-Hire-Photo-Shoot-9906-784x523.jpg\")
<\/figure>\n\n\n\n