CSR : Client Side Rendering

웹 사이트를 렌더링하는 것에는 두 가지 다른 접근법이 있음.
CSR / SSR

CSR이란?

• Client(browser)에서 페이지를 구성

CSR의 장점

• SSR 대비 초기 전송되는 페이지의 속도가 빠름
• 웹 사이트가 다른 페이지로 이동할 때 browser에서 거의 즉시 업데이트될 수 있도록 해줌
• server의 부하를 줄여줄 수 있다

CSR의 단점

• 서비스에서 필요한 데이터를 Client에서 추가로 요청해 재구성해야하므로
  전체적인 페이지 완료 시점이 SSR보다 더 느려짐.

• 첫 페이지의 로딩이 느림. (많은 초기 다운로드, 추가 렌더링 필요)

• CSR만을 지원하는 프레임워크(ex. angularjs) 내에서는
  page load 이후 동적으로 contents를 생성하기 때문에
  contents를 빠르게 소비하는 사용자의 요구사항을 충족시킬 수 없음

• 네트워크 상황이 좋지 않다면 사용자들은 글을 보기 전에 상당시간 하얀화면을 봐야할 수 있음.

• CSR은 HTML의 body가 대부분 비어 있어서 SEO(Search Engine Optimization)가 잘 동작하지 않음

• CSR과 SSR의 장단점이 있기 때문에 적절히 혼합 운영함
  ex. React(CSR) + Next.js(SSR)

  

출처 NAVER D2 BLOG