Umeå University's logo

This study examines the environmental impact of Client-Side Rendering (CSR) and Server-Side Rendering (SSR) in popular front-end frameworks—Angular, React, and Vue. With the increasing emphasis on sustainable software development, this research focuses on energy consumption across rendering techniques to identify the most sustainable web application design. Six web applications were created using the most popular frameworks: Angular, React, and Vue - with each being implemented in two different setups of rendering techniques, CSR and SSR. Using GreenFrame, a tool for full-stack energy analysis, the different web applications were tested under controlled conditions, comparing energy metrics such as CPU, memory, and network usage on both client and server sides. Results reveal that Vue consistently demonstrated the lowest energy consumption, particularly in CSR configurations. While CSR and SSR showed minimal statistical differences overall, framework-specific trends emerged. The findings contribute to the growing body of research in green coding and provide actionable insights for developers seeking energy-efficient web solutions.