상호작용 최적화 - ChoDragon9/posts GitHub Wiki

Total Blocking Time (TBT)

• third-party 코드 영향 감소
• JavaScript 실행 감소
• 메인 쓰레드 실행 최소화
• 적은 요청 수와 작은 응답 사이즈

Time to Interactive (TTI)

• JavaScript 최소화
• 필요한 오리진에 사전 연결
• 요청 preload
• 주요 요청 깊이 최소화
• TBT와 같음
  • third-party 코드 영향 감소
  • JavaScript 실행 감소
  • 메인 쓰레드 실행 최소화
  • 적은 요청 수와 작은 응답 사이즈

First Input Delay (FID)

• TBT와 같음
  • third-party 코드 영향 감소
  • JavaScript 실행 감소
  • 메인 쓰레드 실행 최소화
  • 적은 요청 수와 작은 응답 사이즈

메인 쓰레드 실행 최소화

스크립트 평가

• third-party JavaScript 최적화
• 입력 핸들러 디바운스
• 웹 워커 사용

스타일 및 레이아웃

• 스타일 계산의 범위와 복잡성 감소
• 크고 복잡한 레이아웃 및 레이아웃 스래싱 방지

렌더링

• 컴포지터 전용 속성에 사용 및 레이어 수 관리
• 페이지 복잡성을 단순화하고 페인트 영역을 줄인다.