
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.
https://www.websitecarbon.com/
https://www.digitalcarbon.online/
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
https://www.fontsquirrel.com/tools/webfont-generator
Image energy calculator: https://codepen.io/stoumann/full/vYgzpNp
https://plugins.craftcms.com/imager-x
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.
https://plugins.craftcms.com/blitz
GZIP is a form of data compression that can compress files up to 70% for faster delivery
https://www.gnu.org/software/gzip/
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.
https://sustainablewebdesign.org/
Low carbon case studies: https://lowwwcarbon.com/showcase/
Web Sustainability Guidelines (WSG) 1.0: https://w3c.github.io/sustyweb...
https://abookapart.com/products/sustainable-web-design
https://sustainablewww.org/sustainable-web-design-in-20-lessons-book
Interesting? There’s plenty more where that came from…
We use cookies at Abstrakt to make sure our website user experience is as easy and personal as possible.
By accepting, you are accepting our use of cookies. Alternatively you can change your cookie preferences when using our website.