[IT] TTI(Time to interact), TTV(Time to view)

TTI(Time to interact)

• 사용자가 웹브라우저에서 인터랙션 할 수 있는 시점

TTV(Time to view)

• 사용자가 웹브라우저에서 내용을 볼 수 있는 시점

CSR

1. 사이트 접속
2. 서버에서 인덱스 파일을 받아 온다. (이 때는 컨텐츠가 없는 상태라 빈 화면으로 보인다.)
3. html 파일에 링크 되어 있는 웹사이트에 필요한 모든 로직이 담겨 있는 자바스크립트 파일을 요청한다.
4. 동적으로 html 요소를 생성할 수 있는 웹 어플리케이션 로직(angular, react, vue와 같은 것들)이 담긴 자바스크립트 파일을 가져온다. => TTV, TTI

SSR

1. 사이트 접속
2. 서버에서 이미 잘 만들어진 인덱스 파일을 받아온다. => TTV
3. 자바스크립트 파일을 서버에서 받아온다.

https://velog.io/@mask_vvs/%EC%84%9C%EB%B2%84-%EC%82%AC%EC%9D%B4%EB%93%9C-%EB%A0%8C%EB%8D%94%EB%A7%81-%EA%B0%9C%EB%85%90-%EC%A0%95%EB%A6%AC 참고