Energy efficient website

This website was designed and developed applying the following best practices in energy efficiency and sustainability:

✨ Design principles

In the design and development of the site we did our best to optimize all aspects looking towards a lower environmental impact.

⚙️ Lower impact setting

The energy saving switch allows for an even more reduced environmental impact while passing the message to users in a positive and different way.

🌿 Green hosting

The site is hosted on krystal.uk's servers powered on 100% renewable energy, shifting from the offsetting logic towards a zero-emission one.

🌍 Glocality and infrastructure

The site relies as much as possible on infrastructure based in Europe and chooses services with a business model that is not based on maximizing content volumes.

Page efficiency

The website has two different versions, a regular one and an energy-efficient one. The regular version already adopts a series of strategies thought to lower the impact. For example, the color contrast is high to allow fruition with lower screen luminosity. The animated header in the homepage uses a tiny gif image that is scaled up and blurred, instead of a video that would be heavier by one order of magnitude or more. The texts use a single weight of the typeface, avoiding the need to download multiple weights.



Energy saving mode

The energy-efficient version pushed these and other strategies to the limits reducing environmental impact even more. This version of the site uses system fonts that avoid the need to download any typeface file. Contrast in colors increases even more so the site could be visited at minimum screen luminosity. Images are removed completely where possible, and when they are necessary to convey content they are treated with a dithering effect that drastically reduces file weights. Videos are all turned into audio files allowing fruition of the same contents reducing download sizes of streamed content 20 times.



Metrics and methodology

The measurement of page weight and CO2 emissions adopts the following method, that has been heavily inspired by websitecarbon.com and their open source codebase. The page weight is calculated using Google’s PageSpeed API, that gets a list of all requests the page makes with relative weights, that are summed up to obtain the total figure. CO2 emissions take into account parameters like the energy used for data transfer, user device, datacenter, but also the (average) proportion between first-time and returning visitors and discriminating between renewable and non-renewable. The CO2 figure is created using an energy consumption value of 1.8kWh per GB transferred and emission values of 475 grams CO2e per kWh and 33.4 grams CO2e per kWh for non-renewable and renewable energy respectively. More details are available here.

Energy saving

💡 0.9822721481

Webpage footprint

Page weight:
or approximately
per visit

Streaming content:
on average
of potential emissions

SUSTAINABILITY & EFFICIENCY →