Engineering Core
ISB Vietnam's skilled software engineers deliver high-quality applications, leveraging their extensive experience in developing financial tools, business management systems, medical technology, and mobile/web platforms.
Continuing the series on web development, This article shares knowledge about UI rendering mechanisms that allow users to see the content of a web page.
In this post, I will present the concept of server-side Rendering (SSR) along with its advantages and disadvantages.
I hope that the article will bring a lot of useful knowledge to everyone.
What is Server-side Rendering (SSR)
Server-side rendering (abbreviated as SSR) is not a new concept. It has existed since the early days of the web.
Server-side rendering (SSR) is a technique in web development where the rendering of a webpage's HTML is done on the server before the entire code is sent to the user's browser.
As the name suggests, the server is responsible for handling the data processing and rendering the HTML based on that data before sending the final result back to the browser.
How SSR Works:
1. Request from the user:
When users visit a website, their browser sends a request to the server.
2. Processing on the server:
The server receives the request and performs tasks such as retrieving data from the database, processing application logic, and finally generating the complete HTML of the webpage.
3. Sending HTML to the browser:
The rendered HTML is sent back to the user's browser. The browser receives the HTML and displays the webpage immediately.
Advantages of SSR:
Faster loading in the first time:
Since the HTML has been generated by the server and sent to the browser, it will be faster to display the entire page on the browser.
This will optimize for slow internet connections or large page sizes.
Better SEO
Search engines like Bing, Yahoo, or Google can easily read and index the content of the website because all the content is already available in the original HTML.
This makes it easier to search for website content.
Disadvantages of SSR:
Increase server load
Server-side rendering is resource-intensive, especially when multiple users are accessing it at the same time.
Poor user interaction
Each access will have to reload the entire user UI, making the user experience bad.
Frameworks Using SSR:
-
- Next. js is a React framework that supports SSR.
- Nuxt.js is a Vue framework that supports SSR.
- Angular Universal is an extension tool for Angular that allows you to render Angular applications on the server.
- ASP.NET or ASP.NET CORE.
- Python Django is a full-stack Python web framework capable of performing Server-Side Rendering.
Conclusion
Through the article, I introduced Server-side rendering SSR. That is an important part of knowledge about web programming.
Besides SSR, we also have a newer concept, which is CSR. I will share this in the next post.
I hope this article is useful for you and see you in my next articles.