Client-side vs Server-side rendering | Sololearn: Learn to code for FREE!

+3

Client-side vs Server-side rendering

When should we use SSR method? what's differences between SSR and CSR methods? what's pros and cons of both?

6/8/2019 9:35:28 PM

amin1

2 Answers

New Answer

+9

CSR = more time to load, ability to use DOM API, worse CEO SSR = faster loading, more difficult to use (except using Next.js), good SEO for small projects it is better to use CSR, such as Parcel + Preact for big apps with difficult logic, use Next.js

+5

Client-side renders refers to the rendering of browser content via JavaScript. Therefore, in place of receiving content directly from the HTML document, users receive a bare HTML document along with a JavaScript that assists with rendering the site using the browser. Server Side Rendering, also called SSR, is the ability of a JavaScript application to render on the server rather than in the browser. I did a search and found some good articles about both SSR & CSR. https://www.freecodecamp.org/news/what-exactly-is-client-side-rendering-and-hows-it-different-from-server-side-rendering-bd5c786b340d/ https://medium.com/@baphemot/whats-server-side-rendering-and-do-i-need-it-cb42dc059b38