SSR

Creator
Creator
Seonglae ChoSeonglae Cho
Created
Created
2021 Mar 1 11:2
Editor
Edited
Edited
2026 Feb 19 9:42
Refs
Refs

일반적으로 말하는 SSR은 Dynamic SSR

컨텐츠기반 웹 서비스라면 필수지만, 솔루션이나 툴이라면 CSR
SSR Notion
깜빡거리는 게 문제
서버 렌더링은 만능이 아니며 동적으로 계산하는 특성으로 인해 상당한 계산 오버 헤드가 발생가능
SSR의 장점인 빠른 첫페이지 랜더링
일반적으로 빠른 First Paint (FP) 및 First Contentful Paint (FCP)를 생성
전송되는 데이터는 늘어날수도 (렌더링된 파일) 줄어들수도 (프론트 사용 js 감소)
Server Rendering Time으로 TFB(Time to First Byte) 가 느려질 수 있다
notion image
 
컨텐츠 전체를 SSR로 변경하기 보다, 사용자가 처음 스크린에 보이는 부분만 SSR 처리하는 것이 더 효율적
서버 렌더링의 장점은 정적 렌더링에서 가능한 것보다 더 많은 "실시간" 데이터를 가져와서 보다 완전한 요청 집합에 응답 할 수 있다는 것
notion image
 
 

SSR Speed

웹 성능 최적화 SSR + Cache 적용기
구글 자료를 보면, 대부분의 사용자는 속도(Speed)가 UX 계층 최상위에 있다고 평가합니다. 이 결과가 당연한 이유는, 페이지가 보여야 기능을 수행할 수 있고, 페이지가 보여야 아름다운지 판단할 수 있습니다. (2019년 기준) 아마존 웹 로딩 속도 1초 빨라지면 판매량이 1% 증가한다고 합니다. 한화로 7조 7천억 원...!! 역대 최고 실적 낸...
웹 성능 최적화 SSR + Cache 적용기
NAVER D2

Toss Example

토스ㅣSLASH 22 - DAY 1
토스ㅣSLASH 22 - DAY 1
 
 

Recommendations