TTV 👀 TTI

Intro

앞서 렌더링 방식을 공부하면서 알게된 개념인
TTV와 TTI. 개발자에게 있어서 정말 중요한 포인트인데
너무 늦게 알게 된 것은 아닌지.. 🤔

프론트 개발자로서 염두하고 신경써야하는 부분인
TTV와 TTI에 대하여 정리해보기로 한다.

TTV : Time To View

• 웹사이트가 사용자의 브라우저에 첫 화면을 보여주기 까지 걸리는 시간
• 웹사이트의 서버 응답 속도를 측정하는 데 사용됨
• SEO 측면에서도 중요한 지표 중 하나

TTI : Time To Interact

• 웹사이트가 사용자와 상호작용할 수 있는 상태가 되기까지 걸리는 시간
• 웹페이지가 로딩되고, 모든 스크립트가 실행되어 사용자가 버튼이나 링크를 클릭하는 등의 상호작용을 할 수 있을 때까지의 시간을 말함
• 사용자 경험의 핵심적인 측면 중 하나

Outro

TTI는 빠를수록 사용자는 더 빨리 웹사이트와 상호작용을 할 수 있고
이로인해 더 긍정적인 사용자 경험을 얻을 수 있을 것이다.

프론트엔드 개발자로서, 웹사이트의 로딩 속도를 최적화하여 TTV를 줄이고
TTI를 개선하는데 주력하며 개발을 해야할 것이다.

이를 위해 페이지 및 리소스 최적화, 코드 압축 등 다양한 기술과 방법을 고민해봐야할 것 같다.