계산 병목
긴 연산이 메인 스레드를 막는다
파싱, 이미지 처리, 대량 계산 중 UI 반응이 끊긴다.
Web Worker
연산을 별도 스레드로 보내고 postMessage()로 결과를 받는다.
CPU 계산은 Web Worker로, 요청·캐시는 Service Worker로 분리한다
이름은 비슷하지만 해결하는 병목이 다르다. UI가 멈추는지, 네트워크와 오프라인 응답을 제어해야 하는지부터 구분하면 선택이 단순해진다.
네트워크 병목
오프라인·캐시 응답을 통제해야 한다
페이지 요청과 서버 사이에 일관된 응답 전략이 필요하다.
Service Worker
fetch를 가로채 캐시 우선·네트워크 우선 정책을 실행한다.
“백그라운드에서 실행된다”가 아니라 “계산을 분리할지, 요청을 중개할지”로 판단한다. 두 문제가 함께 있으면 두 워커를 각 역할에 맞게 조합할 수 있다.