サービスワーカーキャッシュに応答するのに時間がかかります

Question

これは、サービスワーカーを使用していくつかのものをキャッシュする最初のやり取りです。私のPOCの一環として、私は私がネットワーク呼び出しがサービスから来て見ることができますsw-toolbox

(function (global) { 
 
    'use strict'; 
 

 
    // Ensure that our service worker takes control of the page as soon as possible. 
 

 
    global.addEventListener('install', function (event) { 
 
    return event.waitUntil(global.skipWaiting()); 
 
    }); 
 
    global.addEventListener('activate', function (event) { 
 
    return event.waitUntil(global.clients.claim()); 
 
    }); 
 

 
    // The route for any requests from the googleapis origin 
 
    toolbox.router.get('/(.*)', global.toolbox.cacheFirst, { 
 
    cache: { 
 
     name: 'modjs', 
 
     maxEntries: 30, 
 
     maxAgeSeconds: 86400 
 
    }, 
 
    debug: true, 
 
    origin: /\.abc\.com\:8044$/ 
 
    }); 
 
})(self);

を使用しています、「JS」、「CSS」などのキャッシュ資産に

をしようとしています彼らはまだいくつかの遅延を示しています。

何か間違えてみましょう。

Answer 1

ページのレンダリングのパフォーマンスを向上させるには、.jsファイルの後に.css個のファイルをリンクしてみてください。ファイルの順序を確認してください。また、ユーザーがスクリプトファイルにアクセスできることを確認してください。プロジェクトでは、匿名ユーザーへのアクセスを拒否している可能性があります（web.config）。

Uncaught ReferenceError bassicallyあなたはまだ定義されていない変数や関数にアクセスしようとしていることを意味します。あなたは `キャッシュせずにもう一度試すことができ、またhttps://developers.google.com/web/showcase/2015/service-workers-iowa#top_of_page