SSR (Server Side Rendering)

  • 서버쪽에서 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식입니다.
  • SSR을 사용하면, 모든 데이터가 매핑된 서비스 페이지를 클라이언트(브라우저)에게 바로 보여줄 수 있습니다.
  • 서버를 이용해서 페이지를 구성하기 때문에 CSR보다 페이지를 구성하는 속도는 늦어지지만 전체적으로 사용자에게 보여주는 콘텐츠 구성 완료되는 시점이 빨라진다는 장점이 있습니다.
  • 또한, SEO(Search Engine  Optimization)을 쉽게 구성할 수 있습니다.
  • 하지만, CSR 보다 서버 자원을 더 많이 사용합니다.

 

 

 

SSR

 

 

 

CSR (Client Side Rendering)

  • 초기 전송되는 페이지 속도는 빠르지만 서비스에서 필요한 데이터를 클라이언트에서 추가로 요청하여 재구성해야하기 때문에, 전체적인 페이지 완료 시점은 SSR보다 늦습니다.

CSR

 

 

 

 

 

 

 

 

[참조]

https://d2.naver.com/helloworld/7804182

https://medium.com/walmartglobaltech/the-benefits-of-server-side-rendering-over-client-side-rendering-5d07ff2cefe8

 

The Benefits of Server Side Rendering Over Client Side Rendering

Most of our pages on walmart.com are using server side rendering (henceforth SSR) with only a few unique exceptions.

medium.com

 

+ Recent posts