Update service-worker.js

service-worker.js

@@ -40,19 +40,14 @@ self.addEventListener('activate', (event) => {
 self.addEventListener('fetch', (event) => {
     const requestUrl = new URL(event.request.url);
 
-    // Пропускаем запросы к внешнему iframe
+    // Пропускаем запросы к внешнему iframe.  Кэшируем их стандартным образом браузера.
     if (requestUrl.origin !== self.location.origin) {
-        console.log('Пропускаем внешний запрос:', requestUrl.href);
-        event.respondWith(
-            fetch(event.request).catch((error) => {
-                console.error('Ошибка при внешнем запросе:', error);
-                return new Response('Network error occurred', { status: 503 });
-            })
-        );
+        console.log('Пропускаем внешний запрос (не кэшируем через SW):', requestUrl.href);
+        // Используем стандартный fetch, не вмешиваясь.  Браузер сам разберется с кэшированием.
         return;
     }
 
-    // Для навигационных запросов
+    // Для навигационных запросов (это запросы к index.html)
     if (event.request.mode === 'navigate') {
         event.respondWith(
             caches.match('/index.html').then((response) => {
@@ -63,15 +58,31 @@ self.addEventListener('fetch', (event) => {
         // Для локальных ресурсов используем Cache First
         event.respondWith(
             caches.match(event.request).then((response) => {
-                return response || fetch(event.request).then((networkResponse) => {
+                // Возвращаем кэшированный ресурс, если есть.
+                if (response) {
+                    return response;
+                }
+
+                // Если ресурса нет в кэше, делаем сетевой запрос.
+                return fetch(event.request).then((networkResponse) => {
+                    // Если запрос с нашего origin, кэшируем ответ.
                     if (requestUrl.origin === self.location.origin) {
                         return caches.open(CACHE_NAME).then((cache) => {
                             cache.put(event.request, networkResponse.clone());
                             return networkResponse;
                         });
                     }
+                    // Если запрос не с нашего origin, просто возвращаем ответ (не кэшируем в SW).
                     return networkResponse;
                 });
+            }).catch(error => {
+                // Обработка ошибок, если и кэш недоступен, и сеть.
+                console.error("Fetch failed:", error);
+                // Можно вернуть страницу-заглушку об ошибке.
+                return new Response('<h1>Offline</h1><p>Sorry, the content is not available offline.</p>', {
+                    headers: { 'Content-Type': 'text/html' }
+                });
+
             })
         );
     }