This is great stuff! I hope Google decides to add some kind of carbon calculator to Lighthouse: we can't fix what we don't measure.
For what it's worth, the Core Performance Team at wordpress.org offers a Performance Lab plugin to do stuff like convert images to the lighter-weight webp format, and many other things. wordpress.org/plugins/performance-lab
(Yeah, I know, WordPress is old tech. But, it's not dead yet. It still powers something like 40% of the websites on the web by website count not traffic. So there's a LOT of carbon-saving leverage to be had by making it more efficient.)
This is good stuff, thanks for bringing it to everybody's attention.
Lots of back-end-heavy websites are out there, burning power in datacenter servers and databases as well as routers, fiber-optic drivers, and end-user computers. I personally have been working on making WordPress's database operations faster and more efficient. There's lots of CO2 leverage there because there are many of those sites. (Yeah, we could outlaw WordPress because it's a power hog, but, that won't work.)
It's time for everybody to start thinking about web power footprint!
It was great article Brock Herion, I really enjoying your writing style π₯° And theme of green web is very interesting, keep going!
I have never seen anyone writing about being green on the web. Really nice to see someone taking the time and writing about it. Thanks Brock Herionπ€
I've never thought about that!
As other people mentioned in the comments, it's nice to see someone writing about it.
Every small action count and the climate crisis is real, so let's make our website friendlier :)
Since next.js isn't made for static websites but for SSR first, it's pretty clear why that carbon energy is generated. Using static site builders is an improvement since the content can be cached at the CDN level as well, so the user traffic travels very little and no server rendering for the request has to be done. And in addition to that using something like cloudflare pages to host your static site is the most green option there is since they themselves are fully green i believe but they also provide you with a carbon report. Anyways, great writeup.
Agree with the comments, super happy to see someone write about being green on the web.
It's been an aspiration of myself to write about this, as I do take it into account.
Pro tip: Are hosting this via cloudflare pages? They provide a carbon emission report. I think they where even 100% green last year if I recall correctly.
Thanks for inspiring me to put it on my backlog π₯³
Great write up.
At first, I wonder what a website has to do with that π. But after reading, I know how important it is.
It's fantastic to see someone else blogging on green web and sustainability!
Loved your 90% emissions reduction: it shows how it doesn't take a lot to make a big difference.
You might even want to add your website to this fantastic directory of low carbon websites. I know the maintainers are always looking for more! lowww.directory
Also, for more techniques to combine low emissions with high interactivity, I found this to be a fantastic resource: awwwards.com/how-to-deliver-a-highly-emotional-anβ¦
Hope you keep diving into this area. We need as many devs as possible to mainstream green software. Feel free to reach out any time.
Ismael Velasco
Passionate about greening the web, diversifying tech, and finding intersections between software, research, arts and social impact
Elvis Van
Security researcher
how about performance test? where do you and most fellow developers you know test site's performance?