performance improvement

michaelsboost · Aug 6, 2024 · 968f077 · 968f077
1 parent d58c16e
commit 968f077
Show file tree

Hide file tree

Showing 8 changed files with 1,699 additions and 8 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/go/.DS_Store b/go/.DS_Store
diff --git a/go/dist/App.js b/go/dist/App.js
diff --git a/go/dist/App.js.map b/go/dist/App.js.map
diff --git a/go/dist/main.css b/go/dist/main.css
diff --git a/go/dist/main.js b/go/dist/main.js
diff --git a/go/index.html b/go/index.html
@@ -26,8 +26,9 @@
     <!-- <link rel="stylesheet" href="libraries/pico/pico.classless.css"> -->
     <!-- <link rel="stylesheet" href="libraries/pico/pico.classless.mod.css">
     <script src="libraries/tailwind/tailwind-mod-noreset.min.js"></script> -->
-    <link rel="stylesheet" href="dist/style.min.css">
-    <link rel="stylesheet" href="dist/editor.min.css">
+    <!-- <link rel="stylesheet" href="dist/style.min.css">
+    <link rel="stylesheet" href="dist/editor.min.css"> -->
+    <link rel="stylesheet" href="dist/main.css">
   </head>
   <body>
     <header class="absolute inset-0 text-center grid grid-cols-1 items-center">
@@ -41,8 +42,9 @@ <h2 class="text-[#ffffff00]">kodeWeave is your on the go coding playground! Desi
 
     <!-- Load Application Script -->
     <!-- <script id="appScript" src="src/App.js"></script> -->
-    <script id="appScript" src="dist/App.js"></script>
-    <script src="dist/editor.js"></script>
+    <!-- <script id="appScript" src="dist/App.js"></script>
+    <script src="dist/editor.js"></script> -->
+    <script src="dist/main.js"></script>
     <script src="https://storage.googleapis.com/workbox-cdn/releases/6.4.1/workbox-sw.js"></script>
     <script>
       // service worker for progressive web app

diff --git a/go/src/App.js b/go/src/App.js
@@ -1192,7 +1192,7 @@ const App = {
             onclick="newProject('${name}')">
             <div class="${buttonContentClass}">
               <div class="${imageContentClass}">
-                <img width="256" height="256" src="imgs/frameworks/${name}.svg" alt="${name}" />
+                <img loading="lazy" width="256" height="256" src="imgs/frameworks/${name}.svg" alt="${name}" />
               </div>
               <div class="${textContentClass}">
                 ${name}