149. [CS] SSR, CSR, SSG 장단점 TIL 23.04.1

---

 

SSR(Server Side Rendering)

👉 장점 :
- 초기 렌더링 시 서버에서 완전한 HTML페이지를 클라이언트에게 전달하므로 검색 엔진 최적화(SEO)가 용이하다.
- 서버에서 데이터를 가져오고 렌더링 하여 클라이언트에게 전달하므로 초기 로딩 속도가 빠르다.

👉 단점 : 
- 서버 부하가 높아질 수 있다.
- 페이지 전환이 발생할 때마다 서버로부터 새로운 HTML을 가져와야 하므로 네트워크 부하가 발생할 수 있다.
- 상호작용이 많은 애플리케이션의 경우 클라이언트와 서버 간의 라운드트립 시간(패킷의 왕복 시간)이 길어질 수 있다.

대표사이트 : 다음 https://www.daum.net

 

 

CSR(Client Side Rendering)

👉 장점 : 
- 클라이언트 측에서 렌더링되므로 서버 부하가 감소하고, 서버와의 통신이 최소화된다.
- 사용자와 상호작용이 많은 웹 애플리케이션에 적합하다. (화면 전환이 부드러움)

👉 단점 : 
- 초기 로딩 속도가 느리다. 빈 HTML 페이지가 먼저 로딩되고, JavaScript 파일이 다운되어야 컨텐츠가 렌더링 된다.
- 검색 엔진 최적화가 어렵다. JavaScript 파일이 다운되어야만 컨텐츠가 렌더링 되므로, 초기에는 검색 엔진이 색인화할 내용이 부족하다.

대표사이트 : (
https://www.naver.com

 

 

SSG(Static Site Generation)

👉 장점 : 
- 미리 페이지를 빌드하여 정적 파일로 생성하므로, 빠른 초기 로딩 속도와 안정적인 성능을 제공한다.
- CDN과 같은 정적 콘텐츠 제공 서비스를 활용하여 전 세계적으로 빠른 성능을 제공할 수 있다.
(CDN은 Content Delivery Network(콘텐츠 전송 네트워크)의 약자로, 전 세계에 분산된 서버 네트워크를 활용하여 웹 콘텐츠를 빠르고 안정적으로 전송하는 기술)
- 보안과 관리의 측면에서 간단하고 안정하게 호스팅 할 수 있다.

👉 단점 :
- 동적인 콘텐츠를 다루기에는 제한적이다.
- 사용자에게 맞춤형 콘텐츠를 제공하기 어려울 수 있다.
- 빌드 및 배포 과정이 추가적으로 필요하다.

대표사이트 : 티몬 https://www.tmon.co.kr