Here are a some of the ways we have managed to build our new website that is cleaner than most!
- Measure
We use https://www.websitecarbon.com/website/felloh-com/ to measure how we are doing, they also provide a widget you can add to all of your pages, see our footer.
- Use green hosting
Although it looks like our website uses 'bog standard energy' we use https://webflow.com/ which I highly recommend. In turn, they use Fastly & AWS for their hosting.
AWS has committed to 100% renewable energy by 2025 https://sustainability.aboutamazon.com/products-services/the-cloud?energyType=true#renewable-energy and already the electricity consumed in most of the US data centres where our site is (probably) hosted is attributable to 100% renewable energy.
I am still looking for documentation on Fastly.com energy use....
- Compress images
I use https://squoosh.app/ to compress images, for example I compressed the image above by 50%:
- Use fewer photos and videos, illustrations tend to be smaller file sizes
- Use fewer fonts & weights, so there is less to load on each page. You could go further by using only standard fonts already on on all devices but I think it is worth the marginal increase in data to fit our brand.
- Use darker backgrounds where possible, lighter backgrounds use more energy