Speed up app loading time by registering the pwa after the db is loaded

caarmen · Apr 10, 2021 · df23e80 · df23e80
1 parent f1ad41a
commit df23e80
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -25,7 +25,6 @@
     <!-- begin pwa config -->
     <link rel="manifest" href="pwa/manifest.json">
     <link rel="apple-touch-icon" href="icon.png">
-    <script src="pwa/pwa.js" defer></script>
     <meta name="theme-color" content="#607D8B">
     <meta id="viewport" name="viewport" content="width=600, user-scalable=yes, maximum-scale=10.0, minimum-scale=0.1">
     <script>

diff --git a/pwa/pwa.js b/pwa/pwa.js
diff --git a/src/js/model/MainModel.js b/src/js/model/MainModel.js
@@ -41,6 +41,12 @@ class MainModel {
         this._thesaurusRepository.settingsChangeObserver = () => this.thesaurusSettingsChangedObserver()
         this._definitionsRepository = new DefinitionsRepository(db)
         this._suggestionsRepository = new SuggestionsRepository(db, this._settings)
+        this._registerPwa()
+    }
+    _registerPwa() {
+        if ('serviceWorker' in navigator && !globalThis.desktop) {
+            navigator.serviceWorker.register('/pwa/service-worker.js', { scope: "/" });
+        }
     }
 
     isDesktop = () => globalThis.desktop && globalThis.desktop.desktop