Avoid an excessive DOM size
Keep the necessary HTML as small as possible and strip unneeded elements from it. Use advanced strategies of the frontend framework used to reduce the DOM size additionally. When rendering large lists, for example, use these techniques:
- Angular: Use virtual scrolling with the component dev kit
- React: Use "windowing" libraries like react-window
SCI = (E * I) + M per R
Software Carbon Intensity Spec
Optimizing the DOM size will impact SCI as follows:
E: Reduces the processing and memory requirements to display the page and therefore the energy requirements.
- There is an assumption that the framework and/or the environment allows for changing the HTML structure or rendering path.