서버 사이드 렌더링(Server-Side Rendering, SSR)은 웹 페이지의 컨텐츠를 렌더링하는 프로세스를 서버 측에서 처리하는 방법을 말합니다. SSR은 클라이언트 측에서 페이지를 렌더링하는 전통적인 방식과 비교했을 때 다양한 성능 이점을 가지고 있습니다.

1. 초기 로딩 시간 단축

SSR을 사용하면 서버에서 HTML을 완전히 렌더링한 후에 클라이언트로 전송됩니다. 이는 초기 로딩 시간을 단축시켜 사용자 경험을 향상시킵니다.

2. SEO 최적화

검색 엔진은 SSR로 렌더링된 컨텐츠를 쉽게 크롤링할 수 있습니다. HTML 파일에서 렌더링된 내용이 포함되어 있기 때문에 SEO에 유리합니다.

3. 성능 향상

클라이언트 측에서 추가적인 리소스를 웹 페이지 렌더링하는 동안 가져오는 것과 달리, SSR은 초기 요청에 필요한 모든 데이터를 서버에서 가져오므로 전반적으로 성능을 향상시킵니다.

SSR은 모바일 장치나 느린 네트워크에서도 성능을 향상시키는 데 도움이 됩니다. 이러한 이점들을 통해 SSR은 현대적인 웹 애플리케이션의 성능을 향상시키는 중요한 요소로 자리 잡고 있습니다.

예시 코드

// React에서의 SSR 예시
import React from 'react';
import ReactDOMServer from 'react-dom/server';
import App from './App';

const html = ReactDOMServer.renderToString(<App />);

이렇게 서버에서 React 애플리케이션을 렌더링하는 것이 SSR의 기본적인 예시입니다.

더 많은 정보를 원하시면 이 링크를 참고해주세요.