[성능]
- TTFB: Time to First Byte (첫 번째 바이트까지의 시간) - 링크를 클릭한 후 처음으로 들어오는 콘텐츠 비트 사이의 시간을 나타냅니다.
- FP: First Paint - 픽셀이 처음으로 사용자에게 표시되는 시점.
- FCP: First Contentful Paint - 요청 콘텐츠(기사 본문 등)가 표시되는 시점
- TTI: Time To Interactive - 페이지가 상호작용 가능하게 될 때까지의 시간 (이벤트 발생 등).
[렌더링]
SSR
- Server-Side Rendering (서버 측 렌더링) - 클라이언트 측 또는 유니버설 앱을 서버의 HTML로 렌더링합니다.
- 초기 랜딩 빠르다
- 인터렉션, 페이지 전환 느리다
CSR
- Client-Side Rendering (클라이언트 측 렌더링) - 브라우저에서 애플리케이션을 렌더링합니다. 일반적으로 DOM을 사용합니다.
- 느린 인터넷에 불리
- 초기 랜딩 느리다
- 인터렉션은 빠르다
- TTI(Time To Interact) 유리
SSR Prerender + Rehydration
- 클라이언트가 서버에서 렌더링 한 HTML의 DOM 트리와 데이터를 재사용하도록 자바 스크립트 뷰를 "부팅"합니다.