diff --git a/front/src/registerServiceWorker.js b/front/src/registerServiceWorker.js
index 4998b6bca57735db0727bac7ab78b1b42ac3c71f..92311b4d6d20274d2b02d0d9d9ee19627fad61dd 100644
--- a/front/src/registerServiceWorker.js
+++ b/front/src/registerServiceWorker.js
@@ -6,10 +6,13 @@ import store from './store'
 
 if (process.env.NODE_ENV === 'production') {
   register(`${process.env.BASE_URL}service-worker.js`, {
-    ready (registration) {
+    ready () {
       console.log(
-        'App is being served from cache by a service worker.', registration
+        'App is being served from cache by a service worker.'
       )
+    },
+    registered (registration) {
+      console.log('Service worker has been registered.')
       // check for updates every 2 hours
       var checkInterval = 1000 * 60 * 60 * 2
       // var checkInterval = 1000 * 5
@@ -22,9 +25,6 @@ if (process.env.NODE_ENV === 'production') {
         registration.active.postMessage({command: 'serverChosen', serverUrl: store.state.instance.instanceUrl})
       }
     },
-    registered () {
-      console.log('Service worker has been registered.')
-    },
     cached () {
       console.log('Content has been cached for offline use.')
     },
diff --git a/front/src/service-worker.js b/front/src/service-worker.js
index 92b1ab33d1466891d6eb80fdc527c450b11b342e..1518363fdc3d87217ced032610a45efb9453b170 100644
--- a/front/src/service-worker.js
+++ b/front/src/service-worker.js
@@ -22,12 +22,6 @@ self.addEventListener('message', (e) => {
 });
 workbox.core.clientsClaim();
 
-// The precaching code provided by Workbox.
-self.__precacheManifest = [].concat(self.__precacheManifest || []);
-
-// workbox.precaching.suppressWarnings(); // Only used with Vue CLI 3 and Workbox v3.
-workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
-
 const router = new workbox.routing.Router();
 router.addCacheListener()
 router.addFetchListener()
@@ -88,3 +82,9 @@ self.registerServerRoutes = (serverUrl) => {
   router.registerRoute(route)
   registeredServerRoutes.push(route)
 }
+
+// The precaching code provided by Workbox.
+self.__precacheManifest = [].concat(self.__precacheManifest || []);
+
+// workbox.precaching.suppressWarnings(); // Only used with Vue CLI 3 and Workbox v3.
+workbox.precaching.precacheAndRoute(self.__precacheManifest, {});