ServerSideRendering?
요즘 front-end에서의 대세는 누가 뭐라해도 SSR(Server-Side Rendering)일 것이다. 그렇다면 SSR이 유행이 되고 있는 이유는 무엇일까?
SSR이 유행하는 이유!
- 성능을 증가시키는데 유리하다. 여기서는 성능을 어떻게 증가시키는가?에 대해서 주목해야한다. 성능에서 가장 중요시 하는 것은 경제성을 중요시한다는 것이다. 적은 자원을 사용하여 최대의 성능을 이끌어내는 것을 요구한다. 그렇다면 우리에게 자원은 무엇일까? 우리에게 자원은 코드 그 중에서도 JS코드이다.
웹에 보이기 이전에 일어나는 일들
서버에서 데이터 불러오기 -> HTML을 서버에서 렌더링하기 -> 클라이언트 코드 로딩하기 -> hyrating
TTFB: 서버에서 데이터 불러오기, HTML 서버에서 렌더링 하기
FCP: HTML 서버에서 렌더링 하기, 클라이언트 코드 로딩하기
TTI: Hydrating