기본 화면 뼈대
레이아웃, CSS, 핵심 JS는 설치 후 바로 열려야 하므로 빌드 자산을 안정적으로 보관합니다.
캐시 우선, 새 배포 때 교체오프라인 지원은 리소스 성격별로 캐시 전략을 나눈다
서비스 워커는 모든 요청을 같은 방식으로 다루지 않습니다. 앱 셸, 정적 자산, 문서, API 응답의 실패 경험을 따로 설계합니다.
이미지와 폰트
자주 바뀌지 않는 파일은 재방문 속도에 직접 영향을 주므로 긴 캐시와 버전 파일명을 함께 씁니다.
반복 방문 체감 속도 개선방문한 페이지
오프라인 새로고침에서 빈 화면이 나오지 않도록 최근 문서와
/offline 폴백을 준비합니다.
사용자별 데이터
장바구니, 주문, 알림처럼 최신성이 중요한 응답은 네트워크 우선으로 두고 실패 안내를 명확히 합니다.
오래된 상태 오해 방지Offline 전환 후 핵심 화면, 이전 방문 페이지, 실패 메시지가 모두 예측 가능하게 보이면 PWA 경험이 흔들리지 않습니다.