PWA 설치/오프라인/업데이트

설치 조건 준비

manifest, 아이콘, start_url, display, HTTPS 같은 기본 조건을 맞춰 브라우저가 설치 가능한 앱으로 인식하게 합니다.

install

앱 shell, 이미지, API 응답을 같은 방식으로 캐시하지 않고 자원 성격별 전략을 둡니다.

offline

오프라인 fallback, 재시도, 동기화 대기 상태를 설계해 빈 화면을 피합니다.

resilience

서비스 워커는 새 파일이 있어도 바로 활성화되지 않을 수 있으므로 업데이트 UX를 정합니다.

update

Manifest

설치 후 앱처럼 보이게 하는 메타데이터 아이콘 크기, theme color, display mode가 첫인상을 좌우합니다.

install

Cache

오프라인 경험과 재방문 속도 HTML은 network first, 정적 에셋은 cache first처럼 나눌 수 있습니다.

strategy

Push/Sync

앱이 닫혀 있어도 알림과 지연 작업을 처리 권한 요청은 사용자 맥락 없이 먼저 띄우면 거부율이 높습니다.

permission

오프라인 경로 첫 방문 전 오프라인과 첫 방문 후 오프라인을 따로 테스트합니다.

업데이트 안내 새 버전이 대기 중일 때 새로고침 유도나 자동 적용 정책을 명확히 합니다.

캐시 정리 오래된 캐시를 activate 단계에서 제거하지 않으면 저장소가 계속 불어납니다.

정적 에셋: cache first
HTML 문서: network first
API 데이터: stale while revalidate 또는 no-store