CSR vs SSR

최영진·2023년 3월 22일
0

CSR(Client-side-rendering)

  • client 인 브라우저가 렌더링을 처리하는 방식이다. 서버에서 받은 데이터를 통해 클라이언트인 브라우저가 화면을 그리는 주체가 됨.
  • 새로고침이 일어나지 않기때문에 유저경험이 좋다.
  • 서버에 처음 요청할때 전체페이지를 요청하기 때문에 첫 로딩속도가 느리다.
  • 검색엔진최적화(SEO)가 좋지 못하다.
    • 자바스크립트로 동적으로 페이지를 렌더링함. 하나의 html파일로 모든페이지를 구성하기 때문에 meta태그 정의에 약하다.

SSR(Server-side-rendering)

  • 클라이언트인 브라우저가 매번 서버에 요청하여 새로운 화면을 그린다.
  • 첫페이지 로딩속도가 CSR에 비해 빠름. 첫페이지에 해당하는 데이터만 서버에 요청하여 받아와 그리기때문
  • 검색엔진최적화(SEO)가 좋다.
    - 서버에서 정적인 페이지로 렌더링되어 내려오기때문에 SEO에 사용되는 meta 태그들이 미리 정의되어 유리함
  • 페이지 이동시 클라이언트가 매번 서버에 새로 요청하여 받아와야 되기 때문에 속도가 CSR보다 다소 느리다.

meta태그 - 페이지가 무엇을 설명하는지 검색엔진에게 알려주는 아주 중요한 콘텐츠

profile
안녕하시오.

0개의 댓글