2017-11-01 9 views
0

그래서 두 가지가 혼란 스럽습니다. Firebase를 사용하여 Polymer 앱을 개발 중입니다. 나는 precache 서비스 작업자를 사용하고 있으며 firebase.json을 통해 Firebase에 h2 push를 사용할 수 있습니다.언제 Fire-base를 사용하여 Polymer 어플리케이션을 pre-cache service worker와 h2 push합니까?

각각을 언제 사용해야하는지, 둘 다 동일한 목표를 공유하는 것처럼 보이거나 내가 틀렸기 때문에 어떤 차이가 있는지 확실하지 않습니다.

답변

0

사용자가 귀하의 웹 사이트를 요청했습니다. index.html로 응답합니다. Index.html은 4 개의 다른 리소스를 요청합니다.

H2 푸시 : 브라우저에서 index.html을 구문 분석합니다. 4 가지 더 많은 리소스가 필요하다는 것을 확인한 다음 해당 전화를 걸 수 있습니다.

H2 푸시 : 브라우저는 브라우저가 요청하기 전에 index.html과 다른 4 개의 리소스도 전송합니다.

미리 캐시 서비스 노동자 : 페이지로드 이벤트가 당신이이 PrecacheConfig에 추가 된 자원을 미리 캐시되는 동안 서비스 노동자의 설치를 시작합니다 트리거 후. 두 번째로드 이후부터는 서비스 작업자가 네트워크 요청을 가로 채고 캐시 규칙 세트에 따라 처리를 수행하며 적절하게 응답합니다.

그래서 H2 푸시는 초기로드 용이며 프리 캐시는 반복로드 용입니다.