27:null 28:["$","title",null,{"children":"Thinking about a way to estimate website energy use | fershad | Observable"}] 2d:[] 2b:{"id":"1b0b36a7cf6619d8","slug":null,"title":"Thinking about a way to estimate website energy use","thumbnail":"5e9781ae29e303202c8718b500857908461c66fa77a6b8ba806a5dbf58b68f78","access_level":"public","create_time":"$D2024-02-04T13:29:03.309Z","update_time":"$D2024-02-06T13:06:21.381Z","view_time":null,"first_public_time":"$D2024-02-04T13:29:03.309Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8066c3052a4084ac","login":"fershad","name":"fershad","avatar_url":"https://avatars-next.observableusercontent.com/8d1476a8d1a91864ab4df368d8057123d104207ab895c637e3b78eb568a80379","tier":"starter_2024"},"version":267,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"daf360bb05893f10","login":"fershad","name":"fershad","avatar_url":"https://avatars-next.observableusercontent.com/8d1476a8d1a91864ab4df368d8057123d104207ab895c637e3b78eb568a80379","tier":null}],"members":[{"type":"individual","id":"daf360bb05893f10","login":"fershad","name":"fershad","avatar_url":"https://avatars-next.observableusercontent.com/8d1476a8d1a91864ab4df368d8057123d104207ab895c637e3b78eb568a80379","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"### Data center inputs","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"### Network Inputs","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"### User Device Inputs","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":64,"value":"## Functions\n\nThe calculations and other things that power this.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"energy = dataCenterEnergy() + networkEnergy() + deviceEnergy()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"breakdown = ({\n \"dc\": dataCenterEnergy(),\n \"ne\": networkEnergy(),\n \"ud\": deviceEnergy()\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2d","stdlib":"1","titling":"auto"}} 2c:"$2b:body"