반응형
SSR 이란? Server Side Rendering
서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 보여주는 방식이다.
SSR을 사용하면 모든 데이터가 매핑된 서비스 페이지를 브라우저(클라이언트)에게 바로 보여줄 수 있다.
장점
- SEO(serach engine optimization)을 쉽게 구성할 수 있다.
- 서버를 이용하여 페이지 구성
-> CSR보다 페이지 구성하는 속도는 늦지만 전체적으로 사용자에게 보여주는 콘텐츠 구성이 완료되는 시점은 빨라진다. - 첫 렌더링 된 html을 브라우저(클라이언트)에게 보여주기 때문에 초기 로딩속도를 줄여줄 수 있다. 자바스크립트 파일을 불러오고, 렌더링 작업이 완료되기 전에 유저가 사이트의 컨텐츠를 이용 가능하다.
단점
- 모든 요청에 관해 필요한 부분만이 아닌, 완전히 새페이지를 로딩하고 렌더링해준다.
CSR이란? Client Side Rendering
클라이언트 사이드에서 HTML을 반환한 후에, JS가 동작하면서 데이터만을 주고 받아서 브라우저(클라이언트)에서 렌더링을 하는 것
- SPA이 구동하는 방식
- HTML, JS 다운로드 -> JS실행 -> DATA 서버로부터 받기 -> Content 확인 가능
장점
- 사용자의 행동에 따라 필요한 부분만 다시 갱신하기 때문에 SSR보다 더 빠른 인터랙션이 가능
- 페이지에 필요한 부분만 갱신하기 때문에 모바일 네트워크에서도 빠른 속도로 렌더링이 가능
단점
- 페이지를 읽고, JS를 읽은 후 화면을 그리는 시간까지 모두 마쳐야 콘텐츠가 사용자에게 보여지기 때문에, 초기 구동 속도가 느리다.
참고
반응형
'IT > 웹' 카테고리의 다른 글
| [웹]브라우저와 렌더링 엔진, 자바스크립트 엔진 (0) | 2020.03.08 |
|---|
