0

My app Network timeline at page reload 아래의 화면 캡처에서 보듯이 : 페이지를 다시로드 할 때 webapp의 필수 리소스가 서비스 작업자로부터 가져와 지지만 페이지에 렌더링 할 내용이 있으면 1.42가 필요합니다. 내가 예상했던 바에 따르면, 페이지의 모든 재로드에서 서비스 작업자가 캐시 한 항목은 즉시 렌더링되어야합니다. 내가 누락 된 것이 있습니까?React 앱이 앱 셸을 즉시로드하지 않는 이유는 무엇입니까?

+0

[타임 라인 프로파일 링] (https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/timeline-tool?hl=ko)을 사용해보세요. – wOxxOm

+0

@wOxxOm 나는 그것을 보았고, 내 애플 리케이션을위한 벤더 스크립트를 가장 오랫동안 평가하고있는 것으로 보인다. 그리고 html과 app.js 스크립트를 파싱합니다. IS가 변경되지 않은 경우 공급 업체 스크립트 또는 앱 스크립트를 가져 오지 않도록 브라우저를 중지 할 수 있습니까? – jasan

+0

내 서비스 작업자 스크립트가 vendor.js 및 app.js보다 먼저 실행되므로 캐시 된 리소스가 변경되었는지 (해시 사용) 확인할 수 있습니까? – jasan

답변

0

파일이 캐시되지 않아서 서비스 작업자 설치가 실패 할 수 있습니다.

다운로드 할 수없는 파일이있을 수 있으므로 설치되지 않은 것일 수 있습니다. Install a Service Worker 페이지에서 설명한 것처럼 긴 파일 목록을 사용하면 캐싱 실패 가능성이 높아져 서비스 작업자가 설치되지 않을 수 있습니다.

+0

스크린 샷에서 Service Worker의 상태 200을 보여줍니다. – jasan