CSR (Client Side Rendering) 과 SSR (Server Side Rendering)

 

CSR (Client Side Rendering)

 

SPA(Single Page Application)는 CSR 방식으로 렌더링

 

장점

- 초기에 HTML, CSS, JS 등 정적 파일들은 받으면, 이후에는 동적으로 빠르게 렌더링을 하기에 사용자 친화적

- 서버에 요청하는 횟수가 적어서 서버 부담이 덜하다

 

단점

- 초기에 정적 파일을 받을 때까지 시간이 소요된다

- SEO(검색엔진 최적화) 문제

 

SSR (Server Side Rendering)

 

서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 렌더링

 

장점

- 초기 로딩 속도가 빠르다 (서버에서 이미 렌더링)

- 모든 검색엔진에 대한 SEO 가능

 

단점

- 사용자 UX가 떨어진다

- 서버에 매번 요청을 하기 때문에 트래픽, 서버 부하가 커진다

- 불필요한 부분까지 렌더링이 된다