install
precache 목록을 받고 앱 shell 같은 기본 자산을 저장한다.
서비스 워커는 설치, 대기, 활성화 뒤 요청을 대신 판단한다
PWA 오류의 상당수는 캐시 전략보다 수명 주기 이해 부족에서 생긴다. 새 worker가 바로 화면을 지배하지 않을 수 있다.
waiting
기존 탭이 열려 있으면 새 worker는 대기할 수 있다.
activate
낡은 캐시를 정리하고 현재 페이지를 제어할 준비를 끝낸다.
fetch
요청마다 network-first, cache-first, fallback 중 하나를 선택한다.
업데이트가 늦어지는 이유
새 서비스 워커가 설치돼도 이전 탭이 닫히지 않으면 waiting 상태가 남을 수 있다. skipWaiting은 편하지만 사용 중 화면과 캐시가 어긋날 수 있다.
운영 UX 기준
새 버전 감지 시 조용히 reload하지 말고, 저장 중인 작업이 있는 화면에서는 새로고침 안내를 띄워야 한다.
| 상태 | 브라우저 의미 | 개발자가 확인할 것 |
|---|---|---|
| installing | 캐시 준비 중 | precache 실패와 404 파일 |
| waiting | 새 worker가 교체 대기 | 새 버전 안내 또는 skipWaiting 정책 |
| activated | 요청 제어 가능 | clients.claim 필요 여부 |