Comparison between server side and client side rendering in web applications
Moyen, Abdullah Al (2023)
Moyen, Abdullah Al
2023
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202305098738
https://urn.fi/URN:NBN:fi:amk-202305098738
Tiivistelmä
Web System Architects rely on different rendering techniques for the content that is displayed to the user to ensure the best performance optimizations. The two ways web contents are rendered are known as Server Side Rendering (SSR) and Client (user) Side Rendering (CSR). While Server Side Rendering is the standard way of rendering content on the Web, and the world’s first website was rendered server side, client side rendering is a concept introduced fairly recently in the early 2000s.
The thesis consists of a historical, architectural, and practical overview of both kinds of rendering techniques and their methodologies, the development process of a web application that renders both the server side and client side, analysis of performance data for both kinds of rendering. Reasonable conclusions were made based on the obtained data from the experiment.
Based on the analysis of the obtained data, it was determined that server side rendering is superior to client side rendering for web applications with lots of static pages that don’t require user interaction, web apps that heavily rely on Search Engine Optimization, and accessibility features. However, client side rendering was determined to be superior to server side rendering for web applications with a lot of dynamic pages, and pages that render content based on user interactions and preferences.
Overall, performance-wise, data obtained from the analysis were quite close, ideally, web applications might benefit from using both kind of rendering techniques based on use cases and product requirements.
The thesis consists of a historical, architectural, and practical overview of both kinds of rendering techniques and their methodologies, the development process of a web application that renders both the server side and client side, analysis of performance data for both kinds of rendering. Reasonable conclusions were made based on the obtained data from the experiment.
Based on the analysis of the obtained data, it was determined that server side rendering is superior to client side rendering for web applications with lots of static pages that don’t require user interaction, web apps that heavily rely on Search Engine Optimization, and accessibility features. However, client side rendering was determined to be superior to server side rendering for web applications with a lot of dynamic pages, and pages that render content based on user interactions and preferences.
Overall, performance-wise, data obtained from the analysis were quite close, ideally, web applications might benefit from using both kind of rendering techniques based on use cases and product requirements.