사용자가 처음 페이지와 상호작용한 후 이에 브라우저가 응답한 시점까지의 시간을 측정

실험실 환경에서는 테스트 불가능 ← 상호작용이 필요하기 때문에

그렇기 때문에 실험실 환경에서는 **Total Blocking Time(TBT)**로 측정함.

왜 생기는데?

Javascript의 집약적인 실행때문에 생긴다.

Single Thread로 UI 렌더링과 Javascript코드의 실행이 한 쓰레드로 발생하기에 집약적인 Javascript 실행은 브라우저와 상호작용을 막는다.

어떻게 해결할건데?

결국 Javascript의 실행은 막을 수 없으니, 분산하고 세분화 하여 실행하는 것으로 목표로한다.

• 긴 작업 세분화
• 상호 작용 준비를 위한 페이지 최적화
• 웹 작업자 사용
• Javascript 실행 시간 단축

긴 작업 세분화

50ms 이상이면 긴 작업

상호 작용 준비를 위해 페이지 최적화

자사 Javascript의 코드와 기능을 점진적으로 분산하여 로드한다.

이 때, 서버측에 논리 코드를 이동하여 분리