Comparing 3 Ways Websites Render onto Browser

Hello everyone! Today, I want to discuss the different ways a website can be rendered. Every time you visit some website like google.com, facebook.com or amazon.com, your browser has to render that page onto your device so you can interact with it. There are the 3 ways that a website can be rendered onto the browser: client-side rendering, server-side rendering and static site generation. So in this article, I'll be discussing each of their pros and cons, and when it's best to use them.

Client-side Rendering (CSR)

The concept of CSR is simple. Basically, the client, which is our browser, renders the page dynamically using JavaScript. Each route and page content is created and rendered by the browser.

The server only takes care of receiving the page requests and sending back the bare-bone HTML with only ,