Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s...
Transcript of Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s...
![Page 1: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/1.jpg)
Low-Carbon Web Design
![Page 2: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/2.jpg)
Hello!
Jenn Schlick@jennschlick
energy.mit.edu/lowcarbonweb
![Page 3: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/3.jpg)
Low-Carbon Web Design:
Minimizing a website’s carbon footprint by choosing
online services that are powered by renewable energy
and optimizing for performance.
![Page 4: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/4.jpg)
3.3 billion people
300 million tons of CO²
1. China
2. United States
3. India
4. Japan
5. Russia
6. The Internet
Population: internetworldstats.comCO² emissions: theguardian.com/environment/2010/aug/12/carbon-footprint-internetCountry data: IEA: Electricity Information (2012 Edition) iea.org/media/training/presentations/statisticsmarch/electricityinformation.pdf
![Page 5: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/5.jpg)
.02 grams
Twitter: tweetfarts.comEmail: phys.org/news/2015-11-carbon-footprint-email.htmlGoogle search: cnet.com/news/measuring-your-google-searchs-carbon-footprint
4 grams 7 grams
![Page 6: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/6.jpg)
![Page 7: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/7.jpg)
An energy efficient facility is good,
but a 100% renewable energy facility
is better.
Apple Environment report
“
![Page 8: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/8.jpg)
Jevon’s Paradox
![Page 9: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/9.jpg)
80%of the world’s
adult populationwill be online by 2020Source: Greenpeace 2015 ClickClean Report
![Page 10: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/10.jpg)
Source: Greenpeace 2015 Click Clean Report
![Page 11: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/11.jpg)
Apple solar plant
Source: https://gigaom.com/2015/02/02/apple-to-build-2b-solar-powered-command-center-data-center-at-arizona-factory-site
![Page 12: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/12.jpg)
Google data center in Hamina, Finland
Source: https://www.google.com/about/datacenters/inside/locations/hamina/
![Page 13: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/13.jpg)
Carbon offsets == Good
Renewable energy == Better
![Page 14: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/14.jpg)
How to build low-carbon websites
![Page 15: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/15.jpg)
![Page 16: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/16.jpg)
![Page 17: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/17.jpg)
![Page 18: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/18.jpg)
Low-carbon website
Performant website
![Page 19: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/19.jpg)
Three Question Framework
![Page 20: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/20.jpg)
1 How do people get your data?
2 What kind of data do they get?
3 What do they do with the data?
![Page 21: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/21.jpg)
1 How do they get your data?
![Page 22: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/22.jpg)
Main server C XL
Backup server D L
CDN A M
Code repository B M
Social share links C S
Renewable Score (A-D) Usage (S-XL)
![Page 23: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/23.jpg)
Main server C XL
Backup server D L
CDN A M
Code repository B M
Social share links C S
Renewable Score (A-D) Usage (S-XL)
![Page 24: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/24.jpg)
Light use Heavy use
Powered by conventional energy
Powered by renewable energy
Main server
Backup server
CDN
Code repository
Social share links
![Page 25: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/25.jpg)
Light use Heavy use
Powered by conventional energy
Powered by renewable energy
Main server
Backup server
CDN
Code repository
Social share links
![Page 26: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/26.jpg)
Light use Heavy use
Powered by conventional energy
Powered by renewable energy
Backup server
CDN
Code repository
Social share links
Main server
![Page 27: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/27.jpg)
2 What kind of data do they get?
![Page 29: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/29.jpg)
![Page 30: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/30.jpg)
Images 63.5% A (CDN)
CSS 16.7% A (CDN)
JavaScript 12.5% A (CDN)
Social Share Links C (3rd-party service)
HTML 7.3% C (Main server)
Requests Renewable Energy Score
![Page 31: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/31.jpg)
3 What do they do with the data?
![Page 32: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/32.jpg)
![Page 33: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/33.jpg)
1 How do people get our data?
2 What kind of data do they get?
3 What do they do with the data?
![Page 34: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/34.jpg)
So… WordPress?
![Page 35: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/35.jpg)
![Page 36: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/36.jpg)
Low-carbon websites with WordPress
![Page 37: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/37.jpg)
Low-carbon website
Performant website
![Page 38: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/38.jpg)
1 Caching
2 Theme optimization
3 Plugin optimization
![Page 39: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/39.jpg)
1 Caching
Client-side: W3 Total Cache or WP Super Cache
Server-side: Varnish Cache
![Page 40: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/40.jpg)
2 Theme optimization
Offload assets to a CDN
Use responsive images
Optimize images (ImageOptim)
Optimize queries
![Page 41: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/41.jpg)
3 Plugin optimization
Share links (Simple Sharing Buttons)
Selectively disable and measure performance
![Page 42: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/42.jpg)
![Page 43: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/43.jpg)
1. China
2. United States
3. India
4. Japan
5. Russia
6. The Internet
![Page 44: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/44.jpg)
![Page 45: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/45.jpg)
1 How do people get our data?
2 What kind of data do they get?
3 What do they do with the data?
![Page 46: Low-Carbon Web Design - MIT Energy Initiative...Low-Carbon Web Design: Minimizing a website’s carbon footprint by choosing online services that are powered by renewable energy and](https://reader034.fdocuments.in/reader034/viewer/2022052022/6037467d0cb7097c5b50174d/html5/thumbnails/46.jpg)
Thank you!
Jenn Schlick@jennschlick
energy.mit.edu/lowcarbonweb