How to respond faster to user interactions.

FID (First Input Delay)

• 상호작용을 측정하여 사용자 환경이 좋고 나쁜지 알 수 있는 지표 (상호작용: 링크 or 버튼 클릭시 이벤트가 시작되어 응답을 받을 때가지 걸리는 시간을 의미)
• 과도한 JavaScript 실행은 FID를 나쁘게 만드는 주요원인
• lighthouse같은 시뮬레이션 환경에서는 사용자 입력을 받을 수 없기 때문에 FID를 측정할 수 없지만, TBT (Total Blocking Time)로 대체 측정 가능하기때문에 TBT를 개선시키면 FID 개선됨

Heavy JavaScript execution

• main thread를 점유율을 낮춰라
• 브라우저는 main thread에서 얼마나 큰 JS가 불러와지고 실행되느냐에 따라 사용자 입력에 영향을 준다
• 사용자가 사이트에 들어와 로드되는 JS 크기가 크거나 실행되는 JS 코드가 main thread를 많이 잡아먹는다면 사이트의 상호작용들이 제대로 동작하지 않을 수 있다
• 개선을 위한 Tip
  • Break up Long Tasks
  • Optimize your page for interaction readiness
  • Use a web worker
  • Reduce JavaScript execution time

Break up Long Tasks

• **Long Tasks 를 줄여라** (Long Tasks: main thread를 50ms 이상 점유하여 사이트의 입력지연을 발생시키는 작업을 칭함)