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.

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.

The Following illustrations compare client-side rendering and server-side​ rendering.

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.