Skip to content

Performance is Climate Protection

#blog #performance #climate protection #webdev #ssg #astro #nuxt

Website performance is climate protection. Every bit of data that is transferred over the internet consumes energy. What can you do to reduce your website’s carbon footprint and what did I do to reduce mine?

The Problem

Most websites load lots of JavaScript. Most of this isn’t really needed. That means that the browser has to download and execute lots of code has no real benefit for the user. This is a waste of energy. The more energy is wasted, the more CO2 is emitted. This is bad for the climate.

Another problem are huge images. Most images can’t even be seen in full resolution on most screens.

The Solution

The solution is to reduce the amount of data that is transferred over the internet. This can be done by reducing the amount of JavaScript that is loaded and by reducing the size of images.

My Blog

I used nuxt on this blog. After the inital load, nuxt hydrates the page. This means that lots of JavaScript is loaded to render the exact same page that was already rendered on the server. This is a waste of energy. I switched to Astro. Astro is a static site generator. This means that the page is rendered on the server and then served as a static file. No JavaScript is needed to render the page. This saves lots of energy.

But even in Astro I made changes later. Initially I had enabled view-transitions. They looked really cool, but they also required JavaScript. I disabled them. Now my blog doesn’t use any JavaScript at all. Just for interactive posts like nuxt vs astro I use JavaScript.

What you can do

Thanks for reading! If you have any questions or comments, please sign in with GitHub and comment below. I'd love to hear from you! You may also fix errors or suggest changes in the GitHub repo.


Webmentions (Static)

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License