개발 공부

서버 사이드 렌더링의 장점 본문

웹개발 (자바, 스프링, React)/Next.js

서버 사이드 렌더링의 장점

아이셩짱셩 2024. 11. 13. 17:42

서버 사이드 렌더링(SSR)의 주요 이점과 클라이언트 사이드 렌더링(CSR)의 단점을 요약하면 다음과 같습니다:SSR의 이점:

  1. 초기 로딩 속도 향상: 서버에서 렌더링된 HTML을 바로 받아 표시하므로 초기 페이지 로드가 빠릅니다.
  2. SEO 최적화: 검색 엔진 크롤러가 완전히 렌더링된 콘텐츠를 쉽게 읽을 수 있어 SEO에 유리합니다.
  3. 저사양 기기 및 느린 네트워크 지원: 클라이언트의 처리 부담을 줄여 다양한 환경에서 더 나은 성능을 제공합니다.
  4. 소셜 미디어 공유 최적화: 미리 렌더링된 메타 태그로 소셜 미디어 공유 시 더 나은 미리보기를 제공합니다.

CSR의 단점:

  1. 초기 로딩 시간 증가: JavaScript를 다운로드하고 실행한 후에야 콘텐츠가 표시되어 초기 로딩이 느릴 수 있습니다.
  2. SEO 문제: JavaScript 렌더링 전 빈 페이지로 인해 검색 엔진 크롤링에 불리할 수 있습니다.
  3. 성능 문제: 클라이언트 기기의 성능에 따라 렌더링 속도가 달라질 수 있습니다.
  4. JavaScript 의존성: JavaScript가 비활성화된 환경에서는 콘텐츠가 표시되지 않을 수 있습니다.

SSR은 이러한 CSR의 단점을 보완하면서, 특히 초기 로딩 속도와 SEO 측면에서 이점을 제공합니다. 그러나 프로젝트의 특성과 요구사항에 따라 SSR과 CSR의 선택이 달라질 수 있습니다.

Comments