장기 작업 최적화

'기본 스레드를 차단하지 마세요'와 '긴 작업을 분할하세요'라는 말을 들었지만, 이러한 작업을 하는 것이 무슨 의미일까요?

게시일: 2022년 9월 30일, 최종 업데이트: 2024년 12월 19일

JavaScript 앱을 빠르게 유지하기 위한 일반적인 조언은 다음과 같습니다.

  • '기본 스레드를 차단하지 마세요.'
  • '긴 작업을 세분화해 줘.'

좋은 조언이지만 어떤 작업을 해야 하나요? JavaScript를 적게 전송하는 것이 좋지만, 이것이 자동으로 더 반응성이 높은 사용자 인터페이스로 이어지는 것은 아닙니다. 그럴 수도 있고, 아닐 수도 있습니다.

JavaScript에서 작업을 최적화하는 방법을 이해하려면 먼저 작업이 무엇인지, 브라우저에서 작업을 어떻게 처리하는지 알아야 합니다.

작업이란 무엇인가요?

작업은 브라우저가 실행하는 개별 작업입니다. 이 작업에는 렌더링, HTML 및 CSS 파싱, JavaScript 실행, 직접 제어할 수 없는 기타 작업이 포함됩니다. 이 모든 것 중에서 작성하는 JavaScript가 가장 큰 작업 소스일 것입니다.