Low resource website
Like most things, hosting a website takes energy and, therefore, carbon emissions. And like everything Max Fordham does, we want to reduce that energy and that carbon as much as possible. So, we consciously designed our website to be as low resource and low energy as we could.
Collaborating with our web developers, Ten4, we made the following low resource design decisions for our website.
Text
Limited video, and no autoplay video
Many modern websites use a lot of video on their homepages and elsewhere. Avoiding auto-play on videos has been commonplace for a while (it’s less intrusive, loads pages faster, and is more sympathetic to poor or patchy internet connections as well as using less energy), but we went a step further to limit videos in all but a very few instances.
No feeds
Other websites pull in ‘live’ content from social media sites. This gives an up-to-date picture of an organisation’s social media activity and latest news, but takes a lot of resources. So we’ve not included this on our website, relying on our Journal articles to tell people our news instead. You can also find links to our social media channels in our website footer.
No lazy loading
Many modern websites have feeds that automatically expand and grow as you scroll down a page. This means a user is constantly being shown more content, much of which they might not want or need. We made the decision to use manual “Load more” buttons to limit the amount of content a user is shown and give them choice over whether they want to see, and load, more.
Limited fonts and styles
Loading a page takes energy. More fonts and more styles means a bigger page file. A bigger page means a longer, more energy-intensive load time. So we’ve taken the decision to use one font throughout and limit ourselves to just three font styles.
Low animation
Animation is very costly, both in terms of the resources it uses and the effort it takes to produce. If you’ve ever felt your phone get hot when visiting an animation-heavy, ‘bells-and-whistles’ website, you’ll have felt first-hand the effect of a resource-heavy website on your phone’s processors and battery life. Making our new website low-animation was a conscious choice for us.
Image optimisation
Our developers advised us to only include images that add value to the end user. The more images a page has to load, the longer it will take and the more energy it will use. We certainly have plenty of images on our website – banner images of our buildings, headshots of our people, photos of our offices – but these images are transformed to only be as big as they’ll actually be displayed on-screen and we haven’t used (or uploaded to the server) any unnecessary imagery.
Transparency
On every page of our website, you will see a Website Carbon widget. This external calculator estimates the carbon emitted each time the page is visited. We chose to display this information, both to make it easily available and to encourage all visitors to our website to remember that every website requires energy (and carbon) to be hosted and viewed.