Пара вопросов по sw-toolbox (service worker)

Сегодня по ману из сети сделал примерно такое:

index.html

Код (Javascript):

1. <script>
2. if ('serviceWorker' in navigator) {
3. window.addEventListener('load', function() {
4. navigator.serviceWorker.register('/sw.js').then(function(registration) {
5. console.log('ServiceWorker registration successful with scope: ', registration.scope);
6. }, function(err) {
7. console.log('ServiceWorker registration failed: ', err);
8. });
9. });
10. }
11. </script>

sw.js

Код (Javascript):

1. 'use strict';
2. importScripts('sw-toolbox.js');
3. toolbox.precache(["index.html", "css/main.css"]);
4. toolbox.router.get('/img/icons/*', toolbox.cacheFirst);
5. toolbox.router.get('/*', toolbox.networkFirst, {
6. networkTimeoutSeconds: 1
7. });

оно работает, но есть нюансы:

1. Как сделать чтобы оффлайн открывался не только site.ru/index.html а и просто site.ru ? Яндекс.Браузер открывает офлайн и site.ru и site.ru/ а вот Хром только site.ru/index.html

2. Можно ли в массив toolbox.precache([]) сразу добавить всё, что есть в паблик рут?

3. Можно ли как-то добавить в кэш шрифты и библиотеки подгружаемые из CDN, например иконки:

HTML:

1. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

4. Может чего другое лучше взять вместо sw-toolbox? ))

Спасибо

 

Кстати, Lighthouse признал это полностью валидным PWA

тем не менее, вопросы актуальны