웹 렌더링

|

렌더링

  • SSR: Server-Side Rendering (서버 측 렌더링) - 클라이언트 측 또는 유니버설 앱을 서버의 HTML로 렌더링합니다.
  • CSR: Client-Side Rendering (클라이언트 측 렌더링) - 브라우저에서 애플리케이션을 렌더링합니다. 일반적으로 DOM을 사용합니다.
  • Rehydration: 클라이언트가 서버에서 렌더링 한 HTML의 DOM 트리와 데이터를 재사용하도록 자바 스크립트 뷰를 "부팅"합니다.
  • Prerendering: 빌드 타임에 클라이언트 측 애플리케이션을 실행하여 초기 상태를 정적 HTML로 캡처합니다.

 

성능

  • TTFB: Time to First Byte (첫 번째 바이트까지의 시간) - 링크를 클릭한 후 처음으로 들어오는 콘텐츠 비트 사이의 시간을 나타냅니다.
  • FP: First Paint - 픽셀이 처음으로 사용자에게 표시되는 시점.
  • FCP: First Contentful Paint - 요청 콘텐츠(기사 본문 등)가 표시되는 시점
  • TTI: Time To Interactive - 페이지가 상호작용 가능하게 될 때까지의 시간 (이벤트 발생 등).

'etc' 카테고리의 다른 글

개발 7년차, 매니저 1일차  (0) 2021.08.18
오픈소스 라이선스  (0) 2021.07.30
이런 곳에서 일하지 말자  (0) 2021.07.15
마이그레이션  (0) 2021.07.06
스프린트, 스크럼, 애자일  (0) 2021.07.05
And