Sustainable web design

Tried the ecograder tool on my github hosted single page html just for kicks.<p>It rated as not mobile friendly (even if I have separate media queries for mobile&#x2F;tablet).<p>It ranked negatively on MozRank (how well linked (?) it is from other websites, which I don&#x27;t understand -- neither does it explains -- how it relates to eco friendliness). At least the main site itself is penalized by the same MozRank criteria.<p>Seems like a tool to generate leads to Mightybyte consulting services (who developed the tool, a founding organization behind sustainable web design).<p>About the manifesto I have mixed feelings, to me it feels rather &quot;wishy washy&quot;.<p>Wish them luck with the project.<p>It also has the same bug I encounter often on full bleed designs where there&#x27;s extra padding&#x2F;margin that makes a horizontal scrollbar visible. Which reminds me that even experienced designers still don&#x27;t have a good grasp on CSS &#x2F;s

I was actually expecting this would have something to say about programming frameworks that abuse system resources, waste memory and peg client &amp; server CPU, and maybe even about programmers who blame the equipment for not accommodating their abuse, and maybe even at the greatest extreme, about a tendency to blame software problems on easy corporate targets while ignoring open source accountability. Maybe going even further still to talk about software churn, framework-of-the-month rewrite-everything mentalities, and so forth.<p>I mean, hey, there are things we can do besides picketing amazon for building spaceships instead of solar arrays.

The web creates emissions, but I also wonder about how much it saves, with things like video conferencing, and making physical technology obsolete (the waste of optical media, like DVDs springs to mind).

I ran the ecograder tool on a portfolio website I&#x27;m making for my girlfriend. It suggested I embed all the images in css (massively increasing the bytes on first request...). It also suggested that I use shared libraries on CDNs like jquery hosted by google, even though browsers no longer cache cross domain due to security risks.

&gt; The internet currently produces approximately 3.8% of global carbon emissions, which are rising in line with our hunger to consume more data.<p>This is not about &quot;hunger to consume more data&quot;. Actual data doesn&#x27;t take much. Needlessly inflated codebases and excessive video fidelity do.<p>Most of the people could use a decades-old computer and a &lt;1Mbit&#x2F;s connection to get and send all the information they might ever be interested in if we didn&#x27;t insist on using huge JavaScript libraries, fancy design and HD+ video we lived perfectly well without just a decade ago. The problem is we seemingly need ever increasing everything to keep the economy growing.

I have tried for a while to find a web-host which can report an estimation of my environmental impact based on usage. I have not been successful and the project for which I needed this we had to go with self-hosting(which likely is less sustainable) and having to calculate this based on information from our ISP&#x2F;electricity companies.<p>Lot&#x27;s of hosting companies including all the large clouds have marketing pages about their sustainability efforts but only an obscure, expense, and inaccessible Azure service can provide CO2 pollution estimations from ones usage...

Does having colours on your site (such as theirs) increase energy? Should we only have black and white websites since black uses less energy on OLED&#x2F;LCD?<p>I am a big fan of sustainability, but this seems a little bit much.

Given the latest IPCC report, I thought it would be worth sharing this site about sustainable web design.<p>The internet is responsible for around 5% of global carbon emissions. It&#x27;s difficult to measure, and generally not visible to the public.<p>The solution however is fairly simple — use less data.<p>Fast, accessible websites usually produce less CO2 and we already know how to do that. Now we just need to get web developers to do it. This will require:<p>- educating developers and designers - smart defaults for web developers - fostering competition - making the invisible cost of the internet visible<p>This is a reletively new dicipline — so anything you have to add to the mix will have a large impact.

I&#x27;d bet a lot that non-video-streaming web browsing is a tiny bit of &quot;tech carbon consumption&quot;. What&#x27;s consuming most is probably big DCs doing various backend compute stuff and high-speed&#x2F;high-bandwidth streaming (on the web and mostly out of the web, like netflix and co). Also for high-tech a very big part (in the 10s of %) of whole-life energy consumption is used at manufacture (and destruction), not during use, so a big driver of consumption is culturaly and technologicaly-induced turnover&#x2F;obsolescence.<p>As for the web, imho there&#x27;s mostly one hard solution being static web-sites being aggressively cached in a broadcast tree (as in real offline-modes, website downloading). Just like high-speed personal transportation vs collective fixed-schedule medium-speed transportation. I&#x27;d guess internet consumption is not much dependent on distance, but speed and duplication of the transfers, that&#x27;s probably a thing.<p>In this kind of realm i&#x27;d be curious to see the life-cycle energy cost comparison of radio-broadcast numeric TV vs cabled broadcast. Perhaps we could use numeric radio-broadcast as a distribution channel for many-to-one websites like news and newsletter-type of big social media profiles. I hope to one day say &quot;oh it&#x27;s 4:03 i&#x27;ll tune my receiver to get the local blog updates&quot;.

<a href="https:&#x2F;&#x2F;solar.lowtechmagazine.com" rel="nofollow">https:&#x2F;&#x2F;solar.lowtechmagazine.com</a> comes quite close IMO. And: make it long-term-proof, so you can leave things as they are for decades.

Interesting privacy policy:<p># Can you delete my test results?<p>If you have submitted a test and do not want the results public, then we have a simple policy:<p>[…]<p>If you have tested a public url we will not delete the results.

&quot;This page loaded in 5.8 seconds and emitted just 0.49g of CO2&quot; - on a modern desktop. If that&#x27;s fast and sustainable I don&#x27;t know..

I don&#x27;t know if I&#x27;d put a lot trust into the ecograder. It states that my personal website is mobile optimized....I know for a fact it isn&#x27;t because it&#x27;s terrible on mobile (incorrect padding and margins...just haven&#x27;t got around to fixing it).

The headline figure of &quot;3.8% of global carbon emissions&quot; is currently un-sourced - so I&#x27;m very curious to see what it includes.<p>IEA claims datacenters account for 1% of electricity demand and data networks are another 1%:<p>IEA (2020), Data Centres and Data Transmission Networks, IEA, Paris <a href="https:&#x2F;&#x2F;www.iea.org&#x2F;reports&#x2F;data-centres-and-data-transmission-networks" rel="nofollow">https:&#x2F;&#x2F;www.iea.org&#x2F;reports&#x2F;data-centres-and-data-transmissi...</a><p>Now, those figures are _electricity_ not _carbon emissions_ - so perhaps the 3.8% figure includes e.g. datacenter construction emissions, or emissions related to producing servers and networking equipment?

It&#x27;s easy to be cynical about projects like this but it made me think about how the work I do on a day-to-day basis effects the environment in a way I didn&#x27;t before, so I appreciate it!

Ask those guys... <a href="https:&#x2F;&#x2F;www.accenture.com&#x2F;gb-en&#x2F;insights&#x2F;strategy&#x2F;whole-brain-leadership-for-c-suites" rel="nofollow">https:&#x2F;&#x2F;www.accenture.com&#x2F;gb-en&#x2F;insights&#x2F;strategy&#x2F;whole-brai...</a>

Interesting use of the word &quot;Sustainable&quot;, where I would expect a topic named &quot;sustainable web design&quot; to be about unsustainable employment practices, and unsustainable frameworks - both of which the industry is promoting unsustainably.

I find it very weird that they have a grade for not using flash in 2021

Their calculator seems to not be working atm ( hug of death), and maybe it&#x27;s described there, but anyways:<p>How do they measure this? Do they have the electricity consumption and supply of each datacenter around the globe? Two DCz in Poland, one using coal energy, or another one using only renewable energies; the first one has latest gen servers and networking equipment; the second one 15 year old stuff. Which one uses less CO2?<p>There can be lots of differences depending on location and specificities.

Right up there with metal straws in its usefulness and impact.

When I read Dieter Rams in a web design article I cannot feel anything opposite to cringe.

From their manifesto [0] <a href="https:&#x2F;&#x2F;www.sustainablewebmanifesto.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.sustainablewebmanifesto.com&#x2F;</a><p>&gt; <i>Efficient</i><p>&gt; <i>The products and services we provide will use the least amount of energy and material resources possible.</i><p>Ha! Let&#x27;s see how much impact this has on the current web industry.<p>Development velocity vs efficiency.<p>I&#x27;ve yet to see a shop avoid Tower of Babel stacks that increase the former, at the expense of the latter. Unless it&#x27;s a backwards-compatible drop-in upgrade. And even then, it doesn&#x27;t bubble high on the priority list.<p>[0] Obligatory <a href="https:&#x2F;&#x2F;m.youtube.com&#x2F;watch?v=BwozkbmjzC4" rel="nofollow">https:&#x2F;&#x2F;m.youtube.com&#x2F;watch?v=BwozkbmjzC4</a>