웹 콘텐츠를 클라이언트가 아닌 서버에서 렌더링하여 완성된 HTML을 사용자의 브라우저로 전송하는 방식을 말합니다.

장점

검색 엔진 최적화(SEO) 향상

• SSR을 사용하면 완전히 렌더링된 HTML이 검색 엔진에 제공되므로, 페이지 콘텐츠가 더 효과적으로 인덱싱됩니다.

빠른 초기 로딩 속도

• 사용자는 JavaScript가 완전히 로드되기 전에도 콘텐츠를 볼 수 있습니다. 이는 First Contentful Paint(FCP)와 Time To Interactive(TTI) 사이의 간격을 줄여, 사용자에게 더 빠른 페이지 로딩 경험을 제공합니다.

단점

서버 부하 증가

특정 인터렉션을 위한 전체 페이지 리로드

• 복잡한 인터렉티브 앱에서 사용자 경험을 떨어뜨리는 요인이 될 수 있습니다.

느린 TTFB(Time To First Byte)

• TTFB? 리소스 요청과 응답의 첫 번째 바이트가 도착하기 시작하는 시점 사이의 시간을 측정하는 측정항목