Кэш сервис-работника требует времени для ответа с задержкой

Question

Это мое первое взаимодействие для использования сервис-работниками для кэширования некоторых вещей. В рамках моего РОС я пытаюсь активы кэша, как «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);

Я могу видеть сетевые звонки поступают от службы но они все еще демонстрируют некоторую задержку.

Позвольте мне, что не так?

Answer 1

Для улучшения производительности рендеринга страницы попробуйте связать файлы .css после файлов .js. Проверьте порядок файлов. Убедитесь также, что пользователь имеет доступ к файлу сценария. У проекта может быть web.config, запрещающий доступ к анонимным пользователям.

Uncaught ReferenceError bassically означает, что вы пытаетесь получить доступ к переменной или функции, которая не была определена.

Для получения более подробной информации, пожалуйста, проверьте этот документ: https://developers.google.com/web/showcase/2015/service-workers-iowa#top_of_page