meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
ixc2024:tech:tools:greenframe [2024/05/22 11:25] – rubenhuygensixc2024:tech:tools:greenframe [2024/05/22 15:31] (current) – rubenhuygens
Line 1: Line 1:
 === What is GreenFrame and How Does It Work? === === What is GreenFrame and How Does It Work? ===
 +
 +{{:ixc2024:tech:tools:screenshot_2024-05-22_at_15.30.48.png?400|}}
  
 **GreenFrame** is a command-line tool designed to estimate the carbon footprint of web applications at every stage of the development process. By integrating GreenFrame into your Continuous Integration workflow, you can monitor "carbon leaks" and enforce a maximum emissions threshold. **GreenFrame** is a command-line tool designed to estimate the carbon footprint of web applications at every stage of the development process. By integrating GreenFrame into your Continuous Integration workflow, you can monitor "carbon leaks" and enforce a maximum emissions threshold.
Line 11: Line 13:
    - **Repetition for Accuracy:** The scenario is repeated three times to compute the average energy consumption and CO2 emissions, providing a confidence interval with the standard deviation of these values.    - **Repetition for Accuracy:** The scenario is repeated three times to compute the average energy consumption and CO2 emissions, providing a confidence interval with the standard deviation of these values.
  
-For detailed information on the GreenFrame Model, refer to the article on the Marmelab blog: *GreenFrame.io: What is the Carbon Footprint of a Web Page?*+For detailed information on the GreenFrame Model, refer to the article on the Marmelab blog: [[https://marmelab.com/blog/2021/04/08/greenframe-io-website-carbon.html|GreenFrame.io: What is the Carbon Footprint of a Web Page?]]
  
 === Factors Influencing the Carbon Footprint === === Factors Influencing the Carbon Footprint ===
Line 17: Line 19:
 According to our research, the carbon footprint of a web page is influenced by several factors: According to our research, the carbon footprint of a web page is influenced by several factors:
  
-- **Scenario Duration:** The length of time the scenario runs. +   - **Scenario Duration:** The length of time the scenario runs. 
-- **Page Size:** Includes HTML, CSS, JS, images, fonts, etc. +   - **Page Size:** Includes HTML, CSS, JS, images, fonts, etc. 
-- **JavaScript Execution:** The amount of JavaScript executed in the browser. +   - **JavaScript Execution:** The amount of JavaScript executed in the browser. 
-- **Third-Party Tags:** Ads, analytics, and other external tags. +   - **Third-Party Tags:** Ads, analytics, and other external tags. 
-- **Page Complexity:** Number of DOM elements, layout changes, etc. +   - **Page Complexity:** Number of DOM elements, layout changes, etc. 
-- **Server Impact:** Server containers usually contribute around 5% to the total carbon footprint.+   - **Server Impact:** Server containers usually contribute around 5% to the total carbon footprint.
  
 Optimizing the emissions of a web page can be effectively achieved by employing Web Performance Optimization (WPO) techniques. Optimizing the emissions of a web page can be effectively achieved by employing Web Performance Optimization (WPO) techniques.
Line 37: Line 39:
  
 GreenFrame provides a clear and actionable way to measure and reduce the carbon footprint of web applications, promoting more sustainable development practices. GreenFrame provides a clear and actionable way to measure and reduce the carbon footprint of web applications, promoting more sustainable development practices.
 +
 +
 +=== Links ===
 +   - [[https://github.com/marmelab/greenframe-cli|GitHub]]
 +   - [[https://greenframe.io|Website]]