-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathintro.html
463 lines (461 loc) · 36.6 KB
/
intro.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Introduction to Web Sustainability</title>
<script src="https://www.w3.org/Tools/respec/respec-w3c" class="remove" defer></script>
<script class="remove">
/* Chairs Listing */
function addChairs() {
document.querySelectorAll("div.head dt").forEach(function (node) {
if (node.textContent.trim() == "Authors:")
node.textContent = "Chairs:";
});
}
function fixContributors() {
document.querySelectorAll("#gh-contributors li a").forEach(function (node) {
if (node.textContent.indexOf("[bot]") > 0)
node.parentElement.parentElement.removeChild(node.parentElement);
});
}
</script>
<script class="remove">
var respecConfig = {
editors: [
{
name: "Alexander Dawson",
url: "https://alexanderdawson.com/",
w3cid: 49702,
},
],
authors: [
{
name: "Ines Akrap",
url: "https://inesakrap.com/",
company: "Storyblok",
},
{
name: "Mike Gifford",
url: "https://civicactions.com/",
company: "CivicActions",
},
{
name: "Tim Frick",
url: "https://www.mightybytes.com/",
company: "Mightybytes",
w3cid: 62394,
},
],
edDraftURI: "https://w3c.github.io/sustainableweb-wsg/intro.html",
github: "https://github.com/w3c/sustainableweb-wsg/",
group: "sustainableweb",
latestVersion: "https://w3c.github.io/sustainableweb-wsg/intro.html",
localBiblio: {
"CSRD": {
title: "Corporate sustainability reporting",
date: "05 January 2023",
href: "https://finance.ec.europa.eu/capital-markets-union-and-financial-markets/company-reporting-and-auditing/company-reporting/corporate-sustainability-reporting_en",
status: "Informational",
publisher: "European Commission",
},
"GRI": {
title: "Global Reporting Initiative",
href: "https://www.globalreporting.org/standards/",
status: "Informational",
publisher: "GRI",
},
"MANIFESTO": {
title: "Sustainable Web Manifesto",
href: "https://www.sustainablewebmanifesto.com/",
status: "Informational",
publisher: "Sustainable Web Manifesto",
},
"NETWORK": {
title: "Network energy use not directly proportional to data volume",
date: "21 June 2024",
href: "https://onlinelibrary.wiley.com/doi/10.1111/jiec.13512",
status: "Informational",
publisher: "David Mytton, Dag Lundén, and Jens Malmodin",
},
"UN": {
title: "Sustainability",
href: "https://www.un.org/en/academic-impact/sustainability",
status: "Informational",
publisher: "United Nations",
},
},
specStatus: "ED",
postProcess: [addChairs],
}
</script>
<style>
/* Fix for Showcasing Plain English Summaries: https://github.com/w3c/sustyweb/issues/114 */
summary { cursor: pointer; }
.summary { background-color: #F3F3F3; border: medium solid #d9d9d9; padding: 1em; }
</style>
</head>
<body>
<section id="abstract"> <!-- Abstract -->
<p>This document provides an introduction to the subject of Web Sustainability, acting as the "what" and "why" elements to the "how" provided by the <a href="https://w3c.github.io/sustainableweb-wsg/">Web Sustainability Guidelines</a> (<abbr title="Web Sustainability Guidelines">WSG</abbr>) specification.</p>
<p>It aims to be a helpful entry point for individuals and stakeholders who have an interest in digital sustainability and the work undertaken by the <a href="https://www.w3.org/groups/ig/sustainableweb/">Sustainable Web Interest Group</a>.</p>
<p>This is a supplementary document created to showcase the need for such guidance, helping individuals and organizations better understand the current Web landscape and how it is affected by sustainability issues. It also provides answers to common questions which may help those looking to become more environmentally friendly utilize the WSG and gain a broader awareness of the subject and its relevance to the Internet.</p>
<p>Help improve this page by sharing your ideas, suggestions, or comments via <a href="https://github.com/w3c/sustainableweb-wsg/issues/">GitHub issues</a>.</p>
</section>
<section id="sotd" class="override"></section> <!-- Ignore -->
<section> <!-- What is web sustainability? -->
<h2>What is web sustainability?</h2>
<p>Sustainability, as defined by the United Nations [[UN]], focuses on "meeting the needs of the present without compromising the ability of future generations to meet their own needs". Web Sustainability is the digital equivalent of this. It's an approach to designing digital products and services that puts people and the planet first [[MANIFESTO]].</p>
<p>Web sustainability addresses more than just environmental issues. It's about making the Web—and the world—a better place for everyone.</p>
</section>
<section> <!-- The importance of web sustainability -->
<h2>The importance of web sustainability</h2>
<p>Most people are aware of "green" issues. However, fewer understand that digital products and services directly contribute to the climate crisis. With the Internet producing more emissions than the entire aviation industry, anyone with an online presence can get involved and make a difference.</p>
<p>Collectively, by focusing on web sustainability, we have a real chance to make a global impact on the climate crisis going forward. Digital impacts are often proportional, with the biggest websites requiring the most change. However, larger organizations also have more resources to make that change. Plus, the Web often beats the physical world to solutions due to a focus on agility and continuous improvement.</p>
</section>
<section> <!-- Emissions vs. PPP -->
<h2>Emissions vs. PPP</h2>
<p>Many sustainability guidelines follow what are often referred to as <abbr title="Planet, People, and Prosperity">PPP</abbr> principles.</p>
<p>Sustainability's three pillars include:</p>
<ul>
<li><strong>Planet</strong>: Protecting environmental ecosystems.</li>
<li><strong>People</strong>: Protecting individuals, communities, and society as a whole.</li>
<li><strong>Prosperity</strong>: Practices grounded in equitable and shared equity.</li>
</ul>
<p>While environmental factors cover planetary issues like emissions and waste, it's also critical to consider other intersectional issues related to people and society, such as accessibility, privacy, security, and prosperity factors such as good (and ethical) governance. In other words, investing in people correlates to positive effects on sustainability:</p>
<ul>
<li>For example, good Web performance can improve user experience while also reducing the physical impact of a site in terms of size, loading, rendering times, etc.</li>
<li>Similarly, good governance and ethical economic practices improve organizations. In turn, these organizations can also outperform their more traditional counterparts on a variety of indicators, including sustainability and long-term financial performance.</li>
</ul>
<p>With that being said, emissions accounting is challenging in any industry. This is exacerbated by the fact that it is still an emerging discipline. With the Internet, this becomes especially difficult.</p>
<p>Many data gaps exist when measuring emissions across the Internet stack. While we do have some information on electrical usage for servers, device usage, and, to an extent, rendering, we don't have a complete picture of the entire web ecosystem. In addition to emissions, we also come up short on data related to other important impacts like mineral waste, water waste, e-waste, and so on.</p>
<p>The Internet is anything but simplistic in how its infrastructure works. Because of this, we must take a holistic approach to sustainability, including web sustainability. In other words, restricting our focus to the obvious causes of electrical waste—otherwise referred to as "carbon tunnel vision"—sabotages our ability to consider the impact of the entire system.</p>
<p>Notably, as one issue can impact another, a "butterfly effect" of unintended consequences that undermine long-term sustainability efforts or beneficial side effects that enrich people and the planet can result from the choices we make. This is why it pays to consider all forces that might be affected by our work and decisions.</p>
<p>More research is needed to help us collectively understand how best to achieve web sustainability goals. Creating consensus on terms and the language we use to describe these goals is a step in the right direction.</p>
</section>
<section> <!-- The current landscape -->
<h2>The current landscape</h2>
<p>Every part of the Internet has some sort of environmental impact from the developer's machine, to web service providers, to the physical infrastructure that carries data, right through to hosting and consumer devices. Aiming to reduce the impact of these different mechanisms, where possible, is as much a part of an individual or organization's responsibility as driving sales or improving customer service.</p>
<p>Increasingly, through awareness of green issues, the public and press have placed pressure upon industries to become more ethically aware and push for sustainable change. With several governments seeking regulatory enforcement in this area, the need to make our products and services match such a requirement will increase.</p>
<p>Whether you work in hosting, back-end development, front-end development, user experience design, information architecture, content authoring, user-interface design, run a business, manage a product or service, or have another role, there are many opportunities to create meaningful change: performance optimizations, waste reduction techniques, emissions measurement, impact reporting practices, or other as yet unknown tactics, to name just a few.</p>
<p>We need champions within industries and organizations to spearhead web sustainability practices and meet these challenges head-on.</p>
</section>
<section> <!-- The Web Sustainability Guidelines -->
<h2>The Web Sustainability Guidelines</h2>
<p>The <a href="https://w3c.github.io/sustainableweb-wsg/">Web Sustainability Guidelines</a> (WSG) were created to help individuals and businesses more easily obtain implementable advice that would have a sustainable benefit on their digital products and services. Previously, best practices were scattered and not easy to find with new resources appearing regularly. In this environment, keeping tabs on the latest information is challenging.</p>
<p>Plus, many of these resources do not weigh cited evidence with regulatory references that are aligned with common sustainability reporting standards. This makes it difficult for organizations to include the impact of digital products and services in reports they're already working on.</p>
<p>If you are aware of the World Wide Web Consortium's (<abbr title="World Wide Web Consortium">W3C</abbr>) Web Content Accessibility Guidelines [[WCAG22]], it may not surprise you to know that the WSG were inspired by them. As such, these guidelines can be considered very similar, except that our goal is to make the web more sustainable. Equally, if you've read a W3C specification, the WSG will look familiar.</p>
<p>The WSG are not only evidence-backed wherever possible but the work is also aligned with open standards from the Global Reporting Initiative (<abbr title="Global Reporting Initiative">[[GRI]]</abbr>), in readiness for helping organizations meet compliance targets. This is especially relevant for upcoming legislation in the <abbr title="European Union">EU</abbr> (<abbr title="Corporate Sustainability Reporting Directive">[[CSRD]]</abbr>), alongside additional standards and laws we aligned our work with. Hopefully, this will prove useful to drive change as part of a wider portfolio of evidence to reduce emissions and improve sustainability.</p>
</section>
<section> <!-- Incorporating the guidelines into your work -->
<h2>Incorporating the guidelines into your work</h2>
<p>When utilizing the Web Sustainability Guidelines, a progress-over-perfection approach is advised. The specification is very long and may appear quite intimidating. However, if you examine the accompanying quick reference, the guidelines are a lot less dense than they might initially appear. The best way to get started is to scroll through the categories (picking which suits your skillset) and choose items that you feel you can make a mark on easily.</p>
<p>Also, the guidelines are written from the perspective of those who work on the web. For example, advisory guidelines in the web development section use technical terms common to that industry. User experience design guidelines adopt the terminology of this discipline. And so on.</p>
<p>If the description, success criteria, or examples are confusing, expandable resources can help you delve into each topic with third parties providing explanatory details of how to implement and accomplish such tasks.</p>
<p>Finally, these guidelines are meant to help you get started quickly on a journey of continuous learning and improvement. You don't need to read or adopt them in a specific order or all at once.</p>
<p>Don't worry about getting things wrong or even if you can only do a couple of things—if we all made a few small changes to our own little corner of the web, this would make a huge difference! If you can scope out the time to drop in some more sustainability improvements later, great. If you can design sustainability into your process from the start, even better. However, it's something that will constantly evolve and need work.</p>
<p>Here are answers to some common questions about the guidelines.</p>
<section class="notoc">
<h3>What can people do?</h3>
<p>Speak out on and learn about sustainability issues! If your organization isn't yet doing anything, propose an initiative and offer to train coworkers. If you work with partner organizations that could use help, offer to be that resource. Just be sure to meet them where they are. Web sustainability can be intimidating to newcomers. Offer to help get them started on their learning path.</p>
</section>
<section class="notoc">
<h3>What can designers of new web platform features do?</h3>
<p>Make sure that tooling is accessible, performant, private by design, secure, non-exploitative, and powered by renewable energy. If your product or service is for the public good, ensure its infrastructure is tightly optimized and meets the WSG. In turn, this will help you get a leg up on potential regulatory requirements down the line.</p>
</section>
<section class="notoc">
<h3>What can browsers do?</h3>
<p>Browser makers have a few key opportunities: optimize their rendering processes as much as possible, reduce resource utilization, don't do anything unethical within a product, and keep improving developer tooling!</p>
</section>
<section class="notoc">
<h3>What can hardware vendors do?</h3>
<p>Hardware vendors can improve software efficiency with their products, reduce production waste through circular economy practices, and increase product life cycles with a greater focus on maintenance.</p>
</section>
<section class="notoc">
<h3>What can regulators do?</h3>
<p>Regulators can ensure that digital sustainability has a prominent role to play in both climate change modeling (due to its impact) and climate reduction targets (due to the significant economic and cultural force it has on the world's current and future population).</p>
</section>
</section>
<section> <!-- Resources -->
<h2>Resources</h2>
<p>Resources are for information purposes only, no endorsement is implied.</p>
<section class="notoc">
<h3>Books</h3>
<div class="summary">
<details>
<summary>Show / Hide available resources.</summary>
<ul class="resources">
<li><a href="https://www.oreilly.com/library/view/building-green-software/9781098150617/">Building Green Software</a></li>
<li><a href="https://www.apc.org/sites/default/files/Community_networks_-_the_Internet_by_the_people_for_the_people_0.pdf">Community networks: The internet by the people, for the people</a> (<em>PDF</em>)</li>
<li><a href="https://decarbonise.digital/">Decarbonise Digital</a></li>
<li><a href="https://designaftercapitalism.org/">Design after Capitalism</a></li>
<li><a href="https://rosenfeldmedia.com/books/design-is-the-problem/">Design Is the Problem</a></li>
<li><a href="https://nathan.com/design-is-the-solution/">Design is the Solution</a></li>
<li><a href="https://www.oreilly.com/library/view/designing-for-sustainability/9781491935767/">Designing for Sustainability</a></li>
<li><a href="https://royalsociety.org/-/media/policy/projects/digital-technology-and-the-planet/digital-technology-and-the-planet-report.pdf">Digital technology and the planet</a> (<em>PDF</em>)</li>
<li><a href="https://ecoconceptionweb.com/">Ecoconception web: les 115 bonnes pratiques</a> (<em>French</em>)</li>
<li><a href="https://altreconomia.it/prodotto/ecologia-digitale/">Ecologia digitale</a> (<em>Italian</em>)</li>
<li><a href="https://link.springer.com/book/10.1007/978-3-642-19322-4">Energy-Efficient Computing and Networking</a></li>
<li><a href="https://www.smashingmagazine.com/printed-books/ethical-design-handbook/">Ethical Design Handbook</a></li>
<li><a href="https://cloud.google.com/resources/software-guide">Google Go Green Software</a></li>
<li><a href="https://www.lulu.com/shop/green-code-lab/green-patterns-manuel-d%C3%A9co-conception-des-logiciels/ebook/product-18848920.html?page=1&pageSize=4">Green Patterns - Manuel d'éco-conception des logiciels</a> (<em>French</em>)</li>
<li><a href="https://hpbn.co/">High Performance Browser Networking</a></li>
<li><a href="https://www.unep.org/resources/publication/little-book-green-nudges">Little Book of Green Nudges</a></li>
<li><a href="https://link.springer.com/book/10.1007/978-3-658-41093-3">Nachhaltige Websites</a> (<em>German</em>)</li>
<li><a href="https://www.wiley.com/en-us/Packaging+Sustainability%3A+Tools%2C+Systems+and+Strategies+for+Innovative+Package+Design-p-9781119103868">Packaging Sustainability</a></li>
<li><a href="https://www.amazon.co.uk/Rare-Metals-War-transition-technologies/dp/1912854260">Rare Metals War: the dark side of clean energy and digital technologies</a></li>
<li><a href="https://webarchive.library.unt.edu/eot2008/20080916072444/http://www.usability.gov/pdfs/guidelines.html">Research-Based Web Design and Usability Guidelines</a></li>
<li><a href="https://bookshop.org/p/books/sustainable-content-how-to-measure-and-mitigate-the-carbon-footprint-of-digital-data/88d94eb4cdb54bd2">Sustainable Content</a></li>
<li><a href="https://theecommmanager.com/sustainable-ecommerce-handbook/">Sustainable Ecommerce Handbook</a></li>
<li><a href="https://www.wiley.com/en-us/Sustainable+Graphic+Design%3A+Tools%2C+Systems+and+Strategies+for+Innovative+Print+Design+-p-9780470640272">Sustainable Graphic Design</a></li>
<li><a href="https://abookapart.com/products/sustainable-web-design">Sustainable Web Design</a></li>
<li><a href="https://link.springer.com/book/10.1007/978-1-4614-7714-3">Sustainable Web Ecosystem Design</a></li>
<li><a href="https://gerrymcgovern.com/books/world-wide-waste/buy-the-book/">World Wide Waste</a></li>
</ul>
</details>
</div>
</section>
<section class="notoc">
<h3>Magazines / Discussion</h3>
<div class="summary">
<details>
<summary>Show / Hide available resources.</summary>
<ul class="resources">
<li><a href="https://branch.climateaction.tech/issues/">Branch</a></li>
<li><a href="https://www.wholegraindigital.com/curiously-green/">Curiously Green</a></li>
<li><a href="https://greensoftware.foundation/">Green Software</a></li>
<li><a href="https://greeningdigital.substack.com/">Greening Digital</a></li>
<li><a href="https://spectrum.ieee.org/green-software">IEEE Spectrum</a> (Article)</li>
<li><a href="https://mailman3.ietf.org/mailman3/lists/[email protected]/">IETF E-Impact Discussion</a></li>
</ul>
</details>
</div>
</section>
<section class="notoc">
<h3>Courses</h3>
<div class="summary">
<details>
<summary>Show / Hide available resources.</summary>
<ul class="resources">
<li><a href="https://www.accessibilityassociation.org/certification-overview">Certified Professional in Web Accessibility (CWPA)</a></li>
<li><a href="https://online.unschools.co/collections/circular-economy">Circular Economy</a></li>
<li><a href="https://www.gaiaeducation.org/design-for-sustainability-en">Design for Sustainability & Regeneration (GEDS)</a></li>
<li><a href="https://www.fun-mooc.fr/en/courses/environmental-impacts-of-digital-technologies/">Environmental impacts of digital technologies MOOC</a></li>
<li><a href="https://www.hmntycntrd.com/self-paced-masterclass">Humanity-Centered Masterclass</a></li>
<li><a href="https://web.dev/learn/accessibility/">Learn Accessibility</a></li>
<li><a href="https://web.dev/learn/performance">Learn Performance</a></li>
<li><a href="https://sdgacademy.org/masters-pathway-in-foundations-of-sustainable-development/">SDG Masters Pathway</a></li>
<li><a href="https://online.unschools.co/collections/sustainability">Sustainability</a></li>
<li><a href="https://www.isit-academy.org/">Sustainable IT MOOC</a></li>
</ul>
</details>
</div>
</section>
<section class="notoc">
<h3>Events</h3>
<div class="summary">
<details>
<summary>Show / Hide available resources.</summary>
<ul class="resources">
<li><a href="https://bits-und-baeume.org/">Bits & Bäume</a></li>
<li><a href="https://greenio.tech/conferences">Green IO</a></li>
<li><a href="https://ieee-sustech.org/">IEEE Sustech</a></li>
<li><a href="https://computingwithinlimits.org/">Limits</a></li>
</ul>
</details>
</div>
</section>
<section class="notoc">
<h3>Media</h3>
<div class="summary">
<details>
<summary>Show / Hide available resources.</summary>
<ul class="resources">
<li><strong>Media</strong><ul>
<li><a href="https://www.youtube.com/watch?v=1tGSe_XxW8g">Digital Earth Experience Mark</a></li>
<li><a href="https://www.youtube.com/watch?v=ZEsKI41s6O0">EuroDIG 2017 - Drowning in data</a></li>
<li><a href="https://www.youtube.com/watch?v=P-d3d8DgqVA">Future Ethics with Cennydd Bowles at SustainableUX</a></li>
<li><a href="https://www.youtube.com/watch?v=quLFLH36Lro">How to be a djangonaut in a climate emergency</a></li>
<li><a href="https://www.youtube.com/watch?v=9dLmecsuwEY">How to make digital services more sustainable</a></li>
<li><a href="https://www.youtube.com/watch?v=VL8qpr9P4nE">Save Our World with Progressive Enhancement & Accessibility</a></li>
<li><a href="https://www.youtube.com/watch?v=qW75oJszcws">Sustainability and the Web: Are We Tweeting Our Way to a Warmer Planet?</a></li>
<li><a href="https://www.youtube.com/watch?v=o-eE6qKGeIE">Understanding Sustainable Web Design</a></li>
</ul></li>
<li><strong>Podcast</strong><ul>
<li><a href="https://podcasts.castplus.fm/environment-variables">Environment Variables</a></li>
<li><a href="https://podcasts.castplus.fm/greenio">Green IO Podcast</a></li>
<li><a href="https://greentheweb.com/podcast/">Green The Web</a></li>
<li><a href="https://sustainwp.com/">Sustain WP</a></li>
<li><a href="https://www.greenelement.co.uk/podcasts/">Sustainability Solved</a></li>
<li><a href="https://creators.spotify.com/pod/show/suxpodcast">Sustainable UX</a></li>
<li><a href="https://dr-beyer.de/news/podcast.php">Web, But Green!</a> (<em>German</em>)</li>
</ul></li>
<li><strong>Episode</strong><ul>
<li><a href="https://mattreport.com/can-wordpress-save-the-planet/">Can WordPress save the planet?</a></li>
<li><a href="https://creators.spotify.com/pod/show/sustrain-daily/episodes/EP-10-Digital-Carbon-Footprint-eigvvv">Digital Carbon Footprint</a></li>
<li><a href="https://creators.spotify.com/pod/show/sustainabilityexplored/episodes/Digital-Carbon-Footprint--How-to-Measure-It--Interview-with-Frank-Meehan-from-Equilibrium-World-el95r9">Digital Carbon Footprint & How to Measure It</a></li>
<li><a href="https://www.teamhuman.fm/episodes/david-jensen-eliane-ubalijoro">Éliane Ubalijoro & David Jensen</a></li>
<li><a href="https://irlpodcast.org/season5/episode3/">Internet's Carbon Footprint</a></li>
<li><a href="https://talkingdrupal.com/373">Performance, Privacy, and the Open Web</a></li>
<li><a href="https://talkingdrupal.com/348">Website's Carbon Footprint</a></li>
<li><a href="https://shoptalkshow.com/606/">Web Sustainability with Michelle Barker</a></li>
<li><a href="https://insidedatacentre.buzzsprout.com/1223072/episodes/9954954-john-booth-carbon3it-ltd-what-is-sustainability">What is sustainability?</a></li>
<li><a href="https://creators.spotify.com/pod/show/tech-tip-tuesdays/episodes/Why-should-you-care-about-your-digital-carbon-footprint-eubdok">Why should you care about your digital carbon footprint?</a></li>
<li><a href="https://shows.acast.com/climate-podcast/episodes/yourdigitshaveafootprint">Your digits have a footprint</a></li>
</ul></li>
<li><strong>Presentation</strong><ul>
<li><a href="https://docs.google.com/presentation/d/1XWdCVYAzTuUDi--SVd8Je8hiKpITNuCM/edit">How to design a green digital product</a></li>
<li><a href="https://archive.fosdem.org/2023/schedule/event/energy_power_profiling_firefox/">Power profiling with the Firefox Profiler</a></li>
<li><a href="https://noti.st/er1p/vaFRbG/sustainability-all-the-way-down">Sustainability All The Way Down</a></li>
<li><a href="https://docs.google.com/presentation/d/1OTXaz3RuV0HWgM754PRMUC7d2KYVHH974s5hnAt53wk/edit">Sustainable UX in VR</a></li>
<li><a href="https://oursustainablewp.org/">Sustainable WP</a></li>
</ul></li>
</ul>
</details>
</div>
</section>
<section class="notoc">
<h3>Websites</h3>
<div class="summary">
<details>
<summary>Show / Hide available resources.</summary>
<ul class="resources">
<li><a href="https://anotherdesign11.wixsite.com/website">Another Design</a></li>
<li><a href="https://climateaction.tech/">Climate Action.tech</a></li>
<li><a href="https://www.climatedesigners.org/">Climate Designers</a></li>
<li><a href="https://www.codes.global/">CODES</a></li>
<li><a href="https://css-irl.info/tags/web-sustainability/">CSS: In Real Life</a></li>
<li><a href="https://davidmytton.blog/">David Mytton</a></li>
<li><a href="https://www.designgigsforgood.org/">Design Gigs For Good</a></li>
<li><a href="https://designsustainably.eu/">Design Sustainably</a></li>
<li><a href="https://dodonut.com/category/sustainability/">DoDonut</a></li>
<li><a href="https://ecofriendlyweb.org/">Eco Friendly Web Alliance</a></li>
<li><a href="https://ethicaldesignnetwork.com/">Ethical Design Network</a></li>
<li><a href="https://gauthierroussilhe.com/en/articles">Gauthier Roussilhe</a> (<em>French</em>)</li>
<li><a href="https://gerrymcgovern.com/">Gerry McGovern</a></li>
<li><a href="https://www.greendesign.io/">Green Design</a></li>
<li><a href="https://thegreenpages.bima.co.uk/">Green Pages</a></li>
<li><a href="https://linktr.ee/digitalfuturestold">Green Software Carbon Hack 24</a></li>
<li><a href="https://greentheweb.com/">Green The Web</a></li>
<li><a href="https://climate-tech.getoutline.com/s/2f3c5ad4-fee5-490b-8ecc-740c6f048ac8">Greener Design</a></li>
<li><a href="https://www.england.nhs.uk/greenernhs/">Greener NHS</a></li>
<li><a href="https://greenspector.com/en/blog-2/">Greenspector</a></li>
<li><a href="https://indieweb.org/green_computing">IndieWeb Green Computing</a></li>
<li><a href="https://amsterdameconomicboard.com/en/initiative/leap/">LEAP</a></li>
<li><a href="https://www.mightybytes.com/blog/sustainable-web-design/">MightyBytes</a></li>
<li><a href="https://nachhaltiges-webdesign.jetzt/">Nachhaltiges Webdesign</a> (<em>German</em>)</li>
<li><a href="https://permacomputing.net/Principles/">PermaComputing Principles</a></li>
<li><a href="https://www.piano-d.it/category/sostenibilita-digitale/">Piano D</a> (<em>Italian</em>)</li>
<li><a href="https://stevesouders.com/">Steve Souders</a></li>
<li><a href="https://www.sustainabledesignhandbook.com/">Sustainable Design Handbook</a></li>
<li><a href="https://the-sustainable.dev/">Sustainable Dev</a></li>
<li><a href="https://sdialliance.org/roadmap/">SDIA Roadmap</a></li>
<li><a href="https://sustainableuxnetwork.com/#playbook">Sustainable UX Playbook</a></li>
<li><a href="https://sustainablevirtualdesign.wordpress.com/">Sustainable Virtual Design</a></li>
<li><a href="https://tomjarrett.earth/">Tom Jarrett</a></li>
<li><a href="https://www.wholegraindigital.com/blog/">Wholegrain Digital</a></li>
</ul>
</details>
</div>
</section>
<section class="notoc">
<h3>Tools</h3>
<div class="summary">
<details>
<summary>Show / Hide available resources.</summary>
<ul class="resources">
<li><strong>Assessment</strong><ul>
<li><a href="https://www.deque.com/axe/">aXe Accessibility</a></li>
<li><a href="https://aremythirdpartiesgreen.com/">Are My Third Parties Green?</a></li>
<li><a href="https://digitalbeacon.co/">Beacon</a></li>
<li><a href="https://builtwith.com/">Built With</a></li>
<li><a href="https://www3.epa.gov/carbon-footprint-calculator/">Carbon Footprint Calculator</a></li>
<li><a href="https://carbonneutralwebsite.org/">Carbon Neutral Website</a></li>
<li><a href="https://github.com/lfwa/carbontracker">Carbon Tracker</a></li>
<li><a href="https://www.cloudcarbonfootprint.org/">Cloud Carbon Footprint</a></li>
<li><a href="https://www.thegreenwebfoundation.org/co2-js/">Co2.js</a></li>
<li><a href="https://codecarbon.io/">Code Carbon</a></li>
<li><a href="https://dataviz.boavizta.org/">Datavizta</a></li>
<li><a href="https://app.electricitymaps.com">Electricity Maps</a></li>
<li><a href="https://ecograder.com/">Ecograder</a></li>
<li><a href="https://www.ecoindex.fr/">EcoIndex</a></li>
<li><a href="https://www.thegreenwebfoundation.org/">Green Host Checker</a></li>
<li><a href="https://greenframe.io/">GreenFrame</a></li>
<li><a href="https://github.com/cnumr/GreenIT-Analysis">GreenIT Analysis</a></li>
<li><a href="https://github.com/thegreenwebfoundation/web-extension">Green Web Extension</a></li>
<li><a href="https://app.greenweb.org/directory/">GWF Directory</a></li>
<li><a href="https://www.imagecarbon.com/">Image Carbon</a></li>
<li><a href="https://if.greensoftware.foundation/">Impact Framework</a></li>
<li><a href="https://kastor.green/">Kastor</a></li>
<li><a href="https://chromewebstore.google.com/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk">Lighthouse</a></li>
<li><a href="https://mlco2.github.io/impact/">ML Co2 Impact</a></li>
<li><a href="https://www.privacytools.io/">Privacy Tools</a></li>
<li><a href="https://readabilityformulas.com/readability-scoring-system.php">Readability Checker</a></li>
<li><a href="https://www.webfx.com/tools/read-able/">Readable</a></li>
<li><a href="https://www.sitigreen.it/">SitiGreen</a></li>
<li><a href="https://www.submarinecablemap.com/">Submarine Cable Map</a></li>
<li><a href="https://unlighthouse.dev/">Unlighthouse</a></li>
<li><a href="https://www.nolesserpanda.com/pages/video-conference-carbon-calculator.php">Video Calls Calculator</a></li>
<li><a href="https://validator.w3.org/">W3C Markup Validator</a></li>
<li><a href="https://wave.webaim.org/">WAVE Accessibility</a></li>
<li><a href="https://websustainabilityindex.com/about">Web Sustainability Index</a></li>
<li><a href="https://webhint.io/">WebHint</a></li>
<li><a href="https://www.webpagetest.org/">WebPageTest</a></li>
<li><a href="https://www.websitecarbon.com/">Website Carbon</a></li>
</ul></li>
<li><strong>Utilities</strong><ul>
<li><a href="https://opensustain.tech/">Open Sustainable Technology</a></li>
<li><a href="https://github.com/Boavizta/cloud-scanner">Cloud Scanner</a></li>
<li><a href="https://datavizta.boavizta.org/">Datavizta</a></li>
<li><a href="https://www.ecosia.org/">Ecosia</a></li>
<li><a href="https://app.electricitymaps.com/map?solar=false&remote=true&wind=false">Electricity Maps</a></li>
<li><a href="https://github.com/Boavizta/Energizta">Energizta</a></li>
<li><a href="https://www.microsoft.com/en-us/sustainability/emissions-impact-dashboard">Emissions Impact Dashboard</a></li>
<li><a href="https://ethical.net/resources/?resource-category=web-hosting">Ethical</a></li>
<li><a href="https://ethicalrevolution.co.uk/">Ethical Revolution</a></li>
<li><a href="https://globemallow.io/">Globemallow</a></li>
<li><a href="https://github.com/Adora-Foundation/awesome-green-extensions">Green Extensions</a></li>
<li><a href="https://github.com/lowwebtech/low-web-extension">Low Web Extension</a></li>
<li><a href="https://lune.co/">Lune</a></li>
<li><a href="https://github.com/hubblo-org/scaphandre">Scaphandre</a></li>
<li><a href="https://scope3.com/">Scope3</a></li>
<li><a href="https://wikirate.org/">Wikirate</a></li>
<li><a href="https://www.utilitybidder.co.uk/business-electricity/zoom-emissions/">Zoom Emissions</a></li>
</ul></li>
</ul>
</details>
</div>
</section>
<section class="notoc">
<h3>Metrics</h3>
<div class="summary">
<details>
<summary>Show / Hide available resources.</summary>
<ul class="resources">
<li><a href="https://greensoftware.foundation/articles/emission-calculations-through-large-language-model">Emission Calculations through Large Language Model</a></li>
<li><a href="https://www.etsy.com/codeascraft/cloud-jewels-estimating-kwh-in-the-cloud">Cloud Jewels: Estimating kWh in the Cloud</a></li>
<li><a href="https://www.thegreenwebfoundation.org/news/data-sources-for-calculating-digital-emissions/">Data Sources For Calculating Digital Emissions</a></li>
<li><a href="https://marmelab.com/blog/2022/04/05/greenframe-compare.html">Digital Carbon Footprint: The Current State of Measuring Tools</a></li>
<li><a href="https://www.ecoindex.fr/comment-ca-marche/">EcoIndex: How it works?</a></li>
<li><a href="https://sustainablewebdesign.org/estimating-digital-emissions/">Estimating Digital Emissions</a></li>
<li><a href="https://fershad.com/writing/improving-the-accuracy-of-website-carbon-emissions-estimates/">Improving the accuracy of website carbon emissions estimates</a></li>
<li><a href="https://fershad.com/writing/including-user-interaction-in-website-carbon-estimates/">Including user interaction in website carbon estimates</a></li>
<li><a href="https://www.the-public-good.com/web-development/measuring-the-web">Measuring The Web</a></li>
<li>Network energy use not directly proportional to data volume [[NETWORK]]</li>
<li><a href="https://circleid.com/posts/20170321_shedding_light_on_how_much_energy_internet_and_ict_consume/">Shedding Light on How Much Energy the Internet and ICTs Consume</a></li>
<li><a href="https://screenspan.net/talks/green-perf-metric/">Why We Need a Green Perf Metric</a></li>
<li><a href="https://calendar.perfplanet.com/2023/why-web-perf-tools-should-be-reporting-website-carbon-emissions/"> Why web perf tools should be reporting website carbon emissions</a></li>
</ul>
</details>
</div>
</section>
</section>
<section class="appendix"> <!-- Acknowledgments -->
<h2>Acknowledgments</h2>
<p>Additional information about participation in the Sustainable Web Interest Group can be found <a href="https://github.com/w3c/sustainableweb-ig/">within the GitHub repository</a> of the Interest Group.</p>
<section> <!-- Draft Contributors -->
<h2>Participants active in the development of this document</h2>
<p>Alexander Dawson, Dennis Lemm, Gael Duez, Laurent Devernay, Łukasz Mastalerz, Mike Gifford, Nahuai Badiola, Nick Doty, Nicola Bonotto, Tim Frick, Torsten Beyer</p>
</section>
</section>
</body>
</html>