Optimisation Guides

General tips and resources

• Google's Web Fundamentals article on using tools to measure performance is a good place to start.

• The WebKit team's blog on How Web Content Can Affect Power Usage goes into excellent technical detail.

• Thoughtworks Green Cloud optimisation checklist (PDF)

• Wholegrain Digital's 17 ways to make your website more energy efficient (2019)

• ... and also How to set a Page Weight Budget

• Bejamas.io's How to Build an Eco-friendly Website

• The Data Detox Kit's Guide to reducing your digital carbon footprint

• A really comprehensive Guide to Building a Sustainable Web from Jean-Christophe Chouinard

File Formats

• Good, comprehensive comparison of various next-gen image codecs (2021)

• sustainable.dev covers the AVIF format (2020)

Web Development

• PRPL approach: Push critical initial resources, Render, Pre-cache remaining, Lazy-load on demand.

• Rek Bellum's guide to image optimisation

• Lazy-loading Youtube videos

Minimal CSS

• You Don't Need Bootstrap - a brief guide to core CSS and use of Flexbox to avoid largeCSS framework downloads.

• Water.css "is a drop-in collection of CSS styles to make simple websites ... just a little bit nicer."

Analytics

• Plausible analytics - a much lighter alternative to Google Analytics' scripts