optimize popup load speed

Author: hoang.tran12

popup/main.js

@@ -0,0 +1,3 @@
+import("./index.js").then(() => {
+  document.querySelector("#loading-fullscreen")?.remove();
+});

popup/popup.html

@@ -48,7 +48,13 @@ <h3 class="modal-title">Modal Title</h3>
         </div>
     </div>
 
-    <script type="module" src="./index.js"></script>
+    <!-- loading fullscreen -->
+    <div id="loading-fullscreen" class="loading-container">
+        <div class="loader"></div>
+    </div>
+
+    <!-- <script type="module" src="./index.js"></script> -->
+    <script src="main.js"></script>
 </body>
 
 </html>

popup/styles/style.css

@@ -388,6 +388,14 @@ a:hover {
 }
 
 /* --------- Loading --------- */
+#loading-fullscreen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
 .loading-container {
     position: fixed;
     top: 0;