현재 페이지가 오프라인에서 200으로 응답하지 않음

핵심 프로그레시브 웹 앱 체크리스트에 따르면 PWA에서는 맞춤 오프라인 페이지를 제공해야 합니다. 최적의 프로그레시브 웹 앱 체크리스트에 따르면 PWA는 PWA가 온라인과 동일하게 오프라인에서 작동하는 (네트워크 연결이 반드시 필요하지 않은 경우) 오프라인 환경을 제공해야 합니다.

네트워크 안정성이란 무엇이며 어떻게 측정하나요? 게시물에서 자세히 알아보세요.

Lighthouse 오프라인 감사 실패 방법

Lighthouse는 오프라인일 때 HTTP 200 응답으로 응답하지 않는 페이지를 신고합니다.

Lighthouse 감사에서 오프라인일 때 페이지가 200으로 응답하지 않음

Lighthouse는 Chrome 원격 디버깅 프로토콜을 사용하여 오프라인 연결을 에뮬레이션한 다음 XMLHttpRequest를 사용하여 페이지 검색을 시도합니다.

오프라인에서 PWA가 작동하도록 하는 방법

  1. 앱에 서비스 워커를 추가합니다.
  2. 서비스 워커를 사용하여 파일을 로컬로 캐시합니다.
  3. 오프라인일 때 서비스 워커를 네트워크 프록시로 사용하여 로컬에 캐시된 파일 버전을 반환합니다.

자료