chore: update workbox caching strategies

WRXinYue · Aug 20, 2024 · 0ee9501 · 0ee9501
1 parent 1dc2229
commit 0ee9501
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/theme/valaxy.config.ts b/theme/valaxy.config.ts
@@ -39,9 +39,13 @@ export default defineTheme<ThemeConfig>((options) => {
           },
           workbox: {
             runtimeCaching: [
+              {
+                urlPattern: ({ request }) => request.destination === 'document',
+                handler: 'NetworkFirst',
+              },
               {
                 urlPattern: ({ request }) => request.destination === 'script' || request.destination === 'style',
-                handler: 'StaleWhileRevalidate',
+                handler: 'NetworkFirst',
                 options: {
                   cacheName: 'static-resources',
                 },
@@ -50,18 +54,18 @@ export default defineTheme<ThemeConfig>((options) => {
                 urlPattern: ({ request }) => request.destination === 'image',
                 handler: 'CacheFirst',
                 options: {
-                  cacheName: 'images-cache',
+                  cacheName: 'img-cache',
                   expiration: {
-                    maxEntries: 10,
+                    maxEntries: 1000,
                     maxAgeSeconds: 60 * 60 * 24 * 30,
                   },
                 },
               },
               {
-                urlPattern: /.*\.mp4$/,
+                urlPattern: ({ request }) => request.destination === 'video',
                 handler: 'CacheFirst',
                 options: {
-                  cacheName: 'media',
+                  cacheName: 'media-cache',
                   expiration: {
                     maxEntries: 500,
                     maxAgeSeconds: 60 * 60 * 24 * 365,