Skip to content
No results
  • Blog
    • Podcast
    • Efficiency
  • Slides
    • Practical Techniques for Sustainable Web Development
  • Design
    • Editor Handbook
      • Colour System – light and dark mode colour combinations
      • Typography System – fluid sizing and Modern Font Stacks
      • Block Stylebook – showcase of all the Gutenberg blocks
      • Media Guidelines – image, video, and document formats
    • Administrator Handbook
      • Language Options – every language spoken in EuropeNew
      • Plugin Support – extending WordPress funtionality safely
      • Privacy Policy – GRDP, data protection and contact info
      • Accessibility Statement – compliance and contact info
Mastodon Email RSS
  • Blog
    • Podcast
    • Efficiency
  • Slides
    • Practical Techniques for Sustainable Web Development
  • Design
    • Editor Handbook
      • Colour System – light and dark mode colour combinations
      • Typography System – fluid sizing and Modern Font Stacks
      • Block Stylebook – showcase of all the Gutenberg blocks
      • Media Guidelines – image, video, and document formats
    • Administrator Handbook
      • Language Options – every language spoken in EuropeNew
      • Plugin Support – extending WordPress funtionality safely
      • Privacy Policy – GRDP, data protection and contact info
      • Accessibility Statement – compliance and contact info
  • Practical Techniques for Sustainable Web Development
  • Accessibility Statement – WCAG 2.1 AA compliance
  • Privacy Policy – GDPR and data protection
Mastodon Email RSS
SustainableWeb

… a better internet

  • Blog
    • Podcast
    • Efficiency
  • Slides
    • Practical Techniques for Sustainable Web Development
  • Design
    • Editor Handbook
      • Colour System – light and dark mode colour combinations
      • Typography System – fluid sizing and Modern Font Stacks
      • Block Stylebook – showcase of all the Gutenberg blocks
      • Media Guidelines – image, video, and document formats
    • Administrator Handbook
      • Language Options – every language spoken in EuropeNew
      • Plugin Support – extending WordPress funtionality safely
      • Privacy Policy – GRDP, data protection and contact info
      • Accessibility Statement – compliance and contact info
Let's talk
SustainableWeb

… a better internet

Slide Deck Practical Techniques for Sustainable Web Development

Presentation for developers, students and businesses interested in measuring and reducing the carbon footprint of websites.

You can listen to the World Wide Waste podcast with Gary McGovern on any device including phones.

World Wide Waste with Gerry McGovern

The Green IO podcast is available on multiple podcast platforms including Apple podcasts, Spotify and more.

Green I/O Podcast by Gaël Duez

Make greener design choices for better experiences and a healthier planet.

Sustainable Web Design by Tom Greenwood

Ressourceportalen is optimized for slow mobile bandwidth.

Case: ressourceportal.dk

Handbrake Summary tab; Format: MP4, Web Optimized; Other settings: default.

Handbrake compression settings

The video poster of this video shows the six municipalities behind this video.

Re-compress your video

Transfonter; converting to woff2, subsetting to Latin only.

Fonts: identify, reduce, optimize

SDU Kolding website loads on throttled iPhone in 30 seconds.

Images: their sizes and formats

A sample Digital Beacon report

Where to start? Beacon might have an idea

After: 0.06g CO₂ production per page view

Reductions in carbon emissions: 88%

DTHS front page after

DTHS before and after

Lars og Bjarne ved Tystrup Sø

About SustainableWeb.dk

Denmark: 404 g CO₂eq/kWh - Screenshot 2024

Carbon intensity by Electricity Maps

Person holding an iPad saying “Hurrah! This web page is cleaner than 95% of the web pages tested.”

Estimating website carbon emissions

Person holding iPad with Web Almanac article on Sustainability

Environmental footprint of a digital world

SustainableWeb

SustainableWeb.dk is …

… a pledge to build a greener internet by making digital products clean, energy-efficient, open, honest, regenerative, and resilient.

Written by human, not by AI …

The Not By AI® badges are created to encourage more humans to produce original content and help audiences identify human-generated content.

Free of ads and tracking …

Because I think you deserve a break, undisturbed and unmonitored, I don't use cookie pop-ups and host the entire website in Europe.

© 2026 SustainableWeb.dk · Licensed under CC BY‑SA 4.0

  • Privacy Policy
  • Accessibility Statement