javascript - service worker 缓存需要时间来响应延迟

Question

这是我第一次使用服务 worker 来缓存一些东西。作为我的 POC 的一部分，我正在尝试缓存 Assets ，如“js”、“css”、

我正在使用 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);

我可以看到网络调用来自服务 worker ，但它们仍然显示出一些延迟。

请问有什么问题吗？

Answer 1

为了更好的页面呈现性能，请尝试将 .css 文件链接到 .js 文件之后。检查文件的顺序。还要确保用户有权访问脚本文件。该项目可能有他们的 web.config 拒绝匿名用户访问。

Uncaught ReferenceError 基本上意味着您正在尝试访问尚 undefined variable 或函数。

更多详情，请查看此文档:https://developers.google.com/web/showcase/2015/service-workers-iowa#top_of_page