브라우저 메인 스레드는 JavaScript와 이벤트, 스타일, 레이아웃 및 렌더링을 함께 처리해 60Hz 화면의 프레임 예산 약 16.6ms를 긴 작업이 쉽게 넘길 수 있습니다. 대응은 큰 작업 분할, 반복 이벤트 배치, 사용자 작업 우선순위화, 비가시 작업 지연과 제거, transform 및 opacity의 compositor 활용, DOM과 무관한 무거운 계산의 Web Worker 이동입니다. Worker 통신과 과도한 분할에도 비용이 있어 작업 크기와 데이터 전달량을 측정해야 합니다.
Tech로 돌아가기
Tech
브라우저 응답성은 메인 스레드 작업 배분이 좌우합니다
총 실행시간만 보지 말고 긴 작업의 점유시간과 빈도 및 우선순위를 측정한 뒤 분할과 제거 순서를 정해야 합니다.