- 서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법
- 반대는 클라이언트 사이드 렌더링
SSR 장점
- 첫 페이지 로딩속도가 빠르다
- 검색엔진 최적화가 가능하다
SSR 단점
- 초기 로딩 이후 페이지 이동 시 속도가 CSR(Client Sever Rendering)에 비해 느리다.
- 깜빢임 이슈 (매번 새로고침)
- 서버 과부하
- TTV(Time To View) 와 TTI(Time To Ineract)의 공백 시간
클라이언트 사이드 렌더링(CSR)
- 클라이언트가 렌더링을 맡아서 하는 방식
- 클라이언트 = 브라우저
- ajax(Asynchronous JavaScript and XML) 방식
- SSR과 달리 HTML 파싱부터 JS 읽기까지 브라우저에서 하기 때문에 처음 화면을 띄우는데 시간이 걸린다.
- SSR과 달리 화면이 띄워지는 타이밍이 늦다. 브라우저가 HTML, JS 다 읽고 프레임워크 실행까지 다 하고나서야 페이지가 보여지고 상호작용이 가능하다.
- 요즘 화면을 그리는 방식인 SPA(Single Page Aplication)과도 밀접한 연관이 있다
- 처음 한번 페이지 전체를 로딩해 필요시 데이터만 바꿔 화면을 그려준다.
- SPA는 클라이언트사이드렌더링방식이다. React, Vue.js, Angular 등 프론트엔드 프레임워크도 SPA다.
- 서버는 데이터만 제공