Как сначала кэшировать весь сайт, используя API кеша (Service Worker)

Question

У меня есть сайт с несколькими страницами. Я знаю все URL-адреса веб-сайта и утверждений, а также на основе PHP.

Моя главная задача - при первом входе в систему, я хочу кэшировать весь сайт.

В настоящее время я использовал SW для кеширования по навигации, что отлично работает.

Какой подход лучше?

Ниже приведен код, который я пробовал.

self.addEventListener('install', function (event) {
    event.waitUntil(
        caches.open(CACHE_DYNAMIC_NAME)
            .then(function (cache) {
                cache.addAll([
                    '/assets/app/css/vendor.css',
                    '/assets/app/css/app.css',
                    'offline.html',
                    '******** I added other all known links here',
                    '/assets/app/js/pwa.js',
                    '/assets/app/js/vendor.js',
                    '/assets/app/js/app.js',
                ]).then(
                    function() {

                        DEBUG && console.log('[Service Worker] Static caching done.');

                    },
                );

                DEBUG && console.log('[Service Worker] Pre caching staticsApp Shell.');
            })
    )
});