fix: serviceWorker - increase timeout

This commit is contained in:
Azgaar 2024-04-27 13:57:54 +02:00
parent 40c3a38350
commit bf1ff2db63

46
sw.js
View file

@ -5,19 +5,12 @@ const {CacheFirst, NetworkFirst} = workbox.strategies;
const {CacheableResponsePlugin} = workbox.cacheableResponse;
const {ExpirationPlugin} = workbox.expiration;
const DAY = 24 * 60 * 60;
const getPolitics = ({entries, days}) => {
return [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: entries, maxAgeSeconds: days * DAY})
];
};
const DAY = 24 * 60 * 60; // in seconds
registerRoute(
({request}) => request.mode === "navigate",
new NetworkFirst({
networkTimeoutSeconds: 3,
networkTimeoutSeconds: 15,
cacheName: "fmg-html",
plugins: [new CacheableResponsePlugin({statuses: [0, 200]})]
})
@ -28,7 +21,10 @@ registerRoute(
request.destination === "script" && !url.pathname.endsWith("min.js") && !url.pathname.includes("versioning.js"),
new CacheFirst({
cacheName: "fmg-scripts",
plugins: getPolitics({entries: 100, days: 30})
plugins: [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
]
})
);
@ -36,7 +32,10 @@ registerRoute(
({request}) => request.destination === "style",
new CacheFirst({
cacheName: "fmg-stylesheets",
plugins: getPolitics({entries: 100, days: 30})
plugins: [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
]
})
);
@ -44,7 +43,10 @@ registerRoute(
({request, url}) => request.destination === "script" && url.pathname.endsWith("min.js"),
new CacheFirst({
cacheName: "fmg-libs",
plugins: getPolitics({entries: 100, days: 30})
plugins: [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
]
})
);
@ -52,7 +54,10 @@ registerRoute(
new RegExp(".json$"),
new CacheFirst({
cacheName: "fmg-json",
plugins: getPolitics({entries: 100, days: 30})
plugins: [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
]
})
);
@ -60,7 +65,10 @@ registerRoute(
({request}) => request.destination === "image",
new CacheFirst({
cacheName: "fmg-images",
plugins: getPolitics({entries: 1000, days: 30})
plugins: [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
]
})
);
@ -68,7 +76,10 @@ registerRoute(
new RegExp(".svg$"),
new CacheFirst({
cacheName: "fmg-charges",
plugins: getPolitics({entries: 1000, days: 30})
plugins: [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
]
})
);
@ -76,6 +87,9 @@ registerRoute(
({request}) => request.destination === "font",
new CacheFirst({
cacheName: "fmg-fonts",
plugins: getPolitics({entries: 200, days: 30})
plugins: [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
]
})
);