SEO (CSR, SSR, SSG)

ryh0629·2022년 6월 30일
0

렌더링에는 CSR, SSR, SSG 세가지 렌더링 기법이 존재한다.

CSR(Client-Side-Rendering)

CSR은 클라이언트 브라우저에서 어플리케이션을 렌더링을 진행하는 것을 말한다. 즉 어플리케이션 구동에 필요한 HTML, JS, CSS 파일 등을 모두 다운로드 받아 화면에 그려지는 것이다.

장점

  1. 매우 적은 서버의 부담
  2. 빠르고 자연스러운 페이지 렌더링

단점

  1. 초기 렌더링 지연
  2. 사용자의 디바이스 퍼포먼스에 영향을 받기 쉽다.

SSR(Server-Side-Rendering)

서버에서 뷰 구성에 필요한 전체 HTML을 요청을 받은 즉시 생성해서 반환한다. 이렇게 하면 클라이언트 브라우저에서 응답을 받은 후, 이미 완성된 화면를 그대로 보여주게 된다.

장점

  1. 빠른 렌더링 시간
  2. SEO 친화적 - 화면을 구성하는 각각의 페이지가 있어 seo에 유리하다.

단점

  1. 새로운 요청이 생기면 바뀌지 않아도 되는 부분까지 바뀌는 비효율성이 존재
  2. 페이지 이동 시 지속적으로 서버의 부담 발생 ex) 깜박임

SSG(Static-Site-Generation)

Static-Rendering 이라고도 하는 해당 방식은 클라이언트에서 필요한 페이지들을 사전에 미리 준비해뒀다가, 요청을 받으면 이미 완성된 파일을 단순히 반환하여 브라우저에서 보여주게 된다.

profile
developer

0개의 댓글