title: service worker wrong caching file
body: <p>I put service worker on my website but something goes wrong, 
  i only put 3 files to cache in my service-worker.js</p>
  
  <pre><code>const CACHE_NAME = "firstpwav1";
  var urlsToCache = [
   "http://localhost/dev/assets/js/jquery/jquery.min.js",
   "http://localhost/dev/assets/images/my-logo.png",
   "http://localhost/dev/assets/images/loader.gif"
   ];
  
  self.addEventListener("install", function(event) {
   event.waitUntil(
     caches.open(CACHE_NAME).then(function(cache) {
       return cache.addAll(urlsToCache);
     })
       );
     });
  
      self.addEventListener("fetch", function(event) {
       event.respondWith(
         caches
           .match(event.request, { cacheName: CACHE_NAME })
        .then(function(response) {
          if (response) {
            console.log("ServiceWorker: Using cache from: ", response.url);
            return response;
          }
  
          console.log(
            // "ServiceWorker: Load from server",
            // event.request.url
          );
          return fetch(event.request);
        })
    );
  });
  
  
  self.addEventListener("activate", function(event) {
    event.waitUntil(
      caches.keys().then(function(cacheNames) {
        return Promise.all(
          cacheNames.map(function(cacheName) {
            if (cacheName != CACHE_NAME) {
              console.log("ServiceWorker: cache " + cacheName + " deleted");
              return caches.delete(cacheName);
            }
          })
        );
      })
    );
  });
  </code></pre>
  
  <p>but after i reload the page and inspect the network tab:
  <a href="https://i.stack.imgur.com/UAFpE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UAFpE.png" alt="enter image description here"></a></p>
  
  <p>others file appear twice and each one of them loaded from service worker although i did not cache it in my service-worker.js, is it something wrong with my service-worker.js?</p>