CS CSR. SSR의 차이

SSR(server-side rendering)이란? - MPA

서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여준다.

장점

• 모든 데이터가 매핑된 서비스 페이지를 클라이언트에게 바로 보여줄 수 있다.
• 전체적으로 사용자에게 보여주는 콘텐츠 구성이 완료되는 시점이 빨라진다.
• SEO(search engine optimization)도 쉽게 구성

단점

• CSR보다 페이지를 구성하는 속도는 늦다.
• 사용자 친화적이지 않다.

CSR(client-side rendering)이란? - SPA

초기 전송되는 페이지의 속도는 빠르지만 서비스에서 필요한 데이터를 클라이언트에서 추가로 요청해야되기 때문에 전체적인 페이지 완료 시점은 SSR보다 느려진다.
하지만 사용자의 요청에 따라 필요한 부분만 응답받아 랜더링하기 때문에 유저가

장점

• 변경된 부분과 관련된 데이터만 가져오므로 SSR보다 빠른 속도를 보인다.
• 변경된 부분만 요청함으로써 서버의 부담을 줄일 수 있다.
• 페이지를 전환하는 과정에서 링크가 없기 때문에 깜빡임 없이 부드럽게 넘어가 사용자 친화적이다.

단점

• 자바스크립트를 사용하여 사용자와 상호 작용 후에 페이지를 로드하기 때문에 웹 크롤러가 페이지를 색인화시 빈페이지로 보여 SEO가 불리하다
• js파일 모두 다운받아야 되기에 초기 로딩 속도가 느리다