Add initial data preload

extra/shell.html

@@ -270,6 +270,16 @@
             console.error("An error occured!")
         };
 
+        function preloadList(jsonArray) {
+            jsonArray.forEach((f) => {
+                const url = mapping[f.toLowerCase().replace(new RegExp("\\.[^/.]+$"), "")];
+                if (!url) return;
+
+                // Preload the asset
+                fetch('gameasync/' + url).then().catch();
+            });
+        }
+
         window.fileLoadedAsync = function(file) {
             document.title = wTitle;
 
@@ -281,13 +291,7 @@
                 })
                 .then(function(jsonResponse) {
                     setTimeout(() => {
-                        jsonResponse.forEach((f) => {
+                        preloadList(jsonResponse);
-                            const url = mapping[f.toLowerCase().replace(new RegExp("\\.[^/.]+$"), "")];
-                            if (!url) return;
-
-                            // Preload the asset
-                                fetch('gameasync/' + url).then().catch();
-                        });
                     }, 200);
                 });
         };
@@ -343,9 +347,27 @@
         }
 
         document.title = wTitle;
-    </script>
 
-    <script>
+        // Load important files
+        preloadList([
+            'rgss.rb',
+            'data/scripts',
+            'data/actors',
+            'data/classes',
+            'data/skills',
+            'data/items',
+            'data/weapons',
+            'data/armors',
+            'data/enemies',
+            'data/troops',
+            'data/states',
+            'data/animations',
+            'data/tilesets',
+            'data/commonevents',
+            'data/system',
+            'data/mapinfos',
+        ]);
+
         // Load wasm then initialize
         setTimeout(() => {
             getLazyAsset('mkxp.wasm', 'Game engine', () => {
@@ -353,7 +375,7 @@
                 s.setAttribute('src', 'mkxp.js');
                 document.body.appendChild(s);
             });
-        }, 500);
+        }, 200);
 
         function simulateKeyEvent(eventType, keyCode, charCode) {
             var e = document.createEventObject ? document.createEventObject() : document.createEvent("Events");
@@ -454,7 +476,6 @@
 
         window.addEventListener('resize', resize);
         resize();
-
     </script>
 
     <!-- {{{ SCRIPT }}} -->