# Server-Side Rendering ## How web application works : ![](https://i.imgur.com/9U6vWMi.jpg) # What is server-side rendering? **Server-side rendering (SSR),** is the ability of an application to contribute by displaying the web-page on the server instead of rendering it in the browser. Server-side sends a fully rendered page to the client; the client’s JavaScript bundle takes over and allows the SPA framework to operate. There is also client-side rendering which slows down the procedure of viewing and interacting with the web page. ![](https://i.imgur.com/UB0dG0b.png) ![](https://i.imgur.com/iAQaqs5.png) # Advantages of using server-side rendering * It enables pages to load faster which provides a better user experience. * It plays an important role in SEO (search engine optimization) and correctly indexes webpages. This happens because Google favors web pages with faster load time. * It provides body to the HTML pages for all server ships. * It assists with​ loading the page when the user has a slow internet connection. * It assists in loading the page when the user has an outdated device. # Disadvantages of using server-side rendering Although server-side rendering is an excellent concept and has a lot of advantages, it also has some disadvantages: * Server-side rendering seems to be a simple concept; however, its complexity increases as the complexity of the application increases. * Rendering a big application on the server-side can be very time consuming and it may increase the loading time due to it being a single bottleneck. example CSR : https://avans.osiris-student.nl/#/onderwijscatalogus/extern/cursussen SSR : https://tr.uspoloassn.com/siyah-orme-pantolon-50244442-vr046-1/