2f:[] 2d:{"title":"Thinking about a way to estimate website energy use","cells":[{"id":0,"value":"# Thinking about a way to estimate website energy use\n\nThis workbook is an interactive environment where you can see how adjusting different input will change the amount of energy used by a web page. It is built based on a theoretical estimation model that is detailed in the blog post below.\n\n[Thinking about a way to estimate website energy use](https://fershad.com/writing/thinking-about-a-way-to-estimate-website-energy-use/)\n\n**THIS MODEL IS A THOUGHT EXPERIMENT AT THIS TIME. IT'S PURPOSE IS TO GENERATE DISCUSSION. THE RESULTS OF THIS WORKBOOK ARE FOR ILLUSTRATION PURPOSES ONLY.**","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"inputsHeading = md`## Inputs\n\nThese are the inputs which will go into the calculation. They are separated by system segment.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"### Data center inputs","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"viewof dataCenterInputs = Inputs.form({\n serverProcessingTime: Inputs.number({value: 0.1, label: \"Server processing time (s)\", step: 0.05}),\n pue: Inputs.number({value: 1.58, label: \"Data center PUE\", step: 0.01}),\n cdnRegions: Inputs.number({value: 1, label: \"CDN regions used\", step: 1}),\n dataTransfer: Inputs.number({value: 1, label: \"Data transfer (MB)\", step: 0.1})\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"### Network Inputs","pinned":false,"hidden":false,"mode":"md"},{"id":14,"value":"viewof networkInputs = Inputs.form({\n networkType: Inputs.radio([\"Fixed\", \"Mobile\"], {label: \"Network type\", value: \"Fixed\"}),\n dataTransferRate: Inputs.number({value: 0.4, label: \"Data transfer rate (Mbps)\", step: 0.1}),\n duration: Inputs.number({value: 0.5, label: \"Data transfer duration (seconds)\", step: 0.01})\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"### User Device Inputs","pinned":false,"hidden":false,"mode":"md"},{"id":25,"value":"viewof userDeviceInputs = Inputs.form({\n deviceType: Inputs.radio([\"Computer\", \"Tablet\", \"Smartphone\"], {label: \"Device type\", value: \"Computer\"}),\n duration: Inputs.number({value: 1, label: \"Duration of pageview (seconds)\", steps: \"0.1\"})\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"resultsHeading = md`## Results\n\nSometimes, the numbers we're working with here are _suuuuuuper small_, so I have presented the results in both kilowatt-hours and watt-hours.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":169,"value":"resultsTable = htl.html`\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

	Energy used (kWh)	Energy used (Wh)
Total	${energy.toPrecision(5)}	${(energy * 1000).toFixed(5)}
Data Center Segment	${breakdown.dc.toPrecision(5)}	${(breakdown.dc * 1000).toFixed(5)}
Network Segment	${breakdown.ne.toPrecision(5)}	${(breakdown.ne * 1000).toFixed(5)}
User Device Segment	${breakdown.ud.toPrecision(5)}	${(breakdown.ud * 1000).toFixed(5)}

\n\n

Based on the configuration provided above.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":64,"value":"## Functions\n\nThe calculations and other things that power this.","pinned":false,"hidden":false,"mode":"md"},{"id":34,"value":"function dataCenterEnergy() {\n const pue = dataCenterInputs.pue\n \n const energy = (((2.292 * dataCenterInputs.serverProcessingTime)/1000/3600) * pue ) + ((0.000000392 * dataCenterInputs.dataTransfer) * pue) + ((0.0000000009 * dataCenterInputs.dataTransfer * dataCenterInputs.cdnRegions) * pue) + ((0.000001 * dataCenterInputs.dataTransfer * dataCenterInputs.cdnRegions) * pue)\n\n return energy\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"function networkEnergy() {\n const dynamicEnergy = networkInputs.networkType === \"Mobile\" ? 1.53 : 0.03\n const fixedEnergy = networkInputs.networkType === \"Mobile\" ? 2.5 : 9.55\n\n const energy = ((fixedEnergy + dynamicEnergy * networkInputs.dataTransferRate) / 1000 / 3600) * networkInputs.duration\n\n return energy\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"function deviceEnergy() {\n let devicePower = 0.77\n const deviceType = userDeviceInputs.deviceType\n\n devicePower = deviceType === \"Smartphone\" ? 0.77 : devicePower\n devicePower = deviceType === \"Tablet\" ? 3 : devicePower\n devicePower = deviceType === \"Computer\" ? 53.2 : devicePower\n \n const energy = (devicePower / 1000 / 3600) * userDeviceInputs.duration\n\n return energy\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"energy = dataCenterEnergy() + networkEnergy() + deviceEnergy()","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"breakdown = ({\n \"dc\": dataCenterEnergy(),\n \"ne\": networkEnergy(),\n \"ud\": deviceEnergy()\n})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}