27 / 01 / 23
29th September 2023
'Planet saving pixels - creating a web that is good for people and the planet' introduces digital sustainability and explores practical ways to create more performant websites with a lower carbon footprint.
Firstly, if you’ve watched my keynote talk at Dot All in Barcelona, then thanks for listening! If you missed it then you can watch it here:
Below are useful tools to measure and optimise your web pages to help you craft low-carbon, more sustainable websites.
If in doubt leave it out. Thinking minimally about what deserves to be on the page. Does a piece of content serve a purpose? Does it help your readers understand? Remember that Less on the page means less data to load, and less time spent viewing it.
Helping people find the page they’re looking for quicker and avoid yo-yo user journeys helps to reduce unnecessary page loads and time spent on a website.
Choosing ‘Expert’ and ‘Custom subsetting’ gives you the greatest optimisation control
Image energy calculator: https://codepen.io/stoumann/full/vYgzpNp
Pre-generate static versions of your website so that each page doesn't have to be transferred and rendered from scratch each time it is loaded.
GZIP is a form of data compression that can compress files up to 70% for faster delivery
Every time your page makes a server request, energy is required to transfer and display data. Using HTTP/2 allows browsers to issue parallel requests.
Choosing a web host that powers its servers and data centres with renewable energy is one of the most important choices you can make to reduce your website’s environmental impact.
Low carbon case studies: https://lowwwcarbon.com/showcase/
Web Sustainability Guidelines (WSG) 1.0: https://w3c.github.io/sustyweb...
Interesting? There’s plenty more where that came from…