항해 99 1주차 - SSR VS CSR

SSR

• SSR(Server Side Rendering)
  서버사이드 렌더링의 약자로 서버로부터 완전하게 만들어진 html파일을 받아와 페이지 전체를 렌더링 하는 방식입니다.
• 장점
  서버로부터 화면을 보여주기 위한 필수적인 요소를 먼저 가져오기 때문에 초기로딩속도가 빠르다는 장점이 있습니다.
  또 화면을 구성하는 각각의 페이지가 있기 때문에 SEO(검색 엔진 최적화)의 유리한 장점이 있습니다.
• 단점
  초기 로딩속도가 빠른만큼 TTV(Time To View) - TTI(Time To Interact) 간에 시간 간격이 존재하게 되어 사용자가 interact하려고 해도 아무런 반응이 없을수 있습니다.
  또한 매번 페이지를 요청할 때마다 새로 고침 되기 때문에 사용자 경험이 다소 떨어집니다.
  마지막으론 서버측 부하가 증가합니다 페이지를 요청할 때마다 서버에서 페이지를 구성하는 모든 리소스를 준비해서 응답하므로 서버 부담이 증가됩니다

---

CSR

• CSR(Client Side Rendering)
  클라이언트 사이드 렌더링의 약자로 사용자의 요청에 따라 필요한 부분만 응답 받아 렌더링 하는 방식입니다
  • 장점
    빠른 속도와 서버 부하 감소
    변경된 부분과 관련된 데이터만 가져오므로 서버사이드 렌더링 보다 빠른속도를 보입니다.
    변경된 부분만 요청함으로 서버의 부담을 줄여줍니다.
  • 단점
    SEO에서 불리
    자바스크립트를 사용하여 사용자와 상호 작용 후에 페이지 내용을 로드하기 때문에 웹 크롤러 가 페이지를 색인화 하려고 하면 내용의 빈 페이지 처럼 보이게 됩니다.

---