Defer JS loading

I don't know exactly how HTTP2 works, but in theory this should be a noticeable perf improvement.
DylanSp · Mar 21, 2019 · 3bef392 · 3bef392
1 parent 689c741
commit 3bef392
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/preactalpha.template.html b/preactalpha.template.html
@@ -50,28 +50,28 @@ <h3><button class="closebutton" tabindex="-1" aria-label="Close"><i class="fa fa
 		linkStyle("/style/utilichart.css");
 		linkStyle("/style/font-awesome.css");
 	</script>
-	<script src="/js/client-core.js?"></script>
+	<script defer src="/js/client-core.js?"></script>
 
-	<script src="/js/client-main.js?"></script>
-	<script src="/js/lib/sockjs-1.1.1-nwjsfix.min.js?"></script>
-	<script src="/js/client-connection.js?"></script>
-	<script src="/js/lib/preact.min.js?"></script>
-	<script src="/js/panels.js?"></script>
-	<script src="/js/panel-mainmenu.js?"></script>
-	<script src="/js/panel-rooms.js?"></script>
-	<script src="/js/panel-topbar.js?"></script>
+	<script defer src="/js/client-main.js?"></script>
+	<script defer src="/js/lib/sockjs-1.1.1-nwjsfix.min.js?"></script>
+	<script defer src="/js/client-connection.js?"></script>
+	<script defer src="/js/lib/preact.min.js?"></script>
+	<script defer src="/js/panels.js?"></script>
+	<script defer src="/js/panel-mainmenu.js?"></script>
+	<script defer src="/js/panel-rooms.js?"></script>
+	<script defer src="/js/panel-topbar.js?"></script>
 
-	<script src="/js/lib/html-css-sanitizer-minified.js?"></script>
-	<script src="/src/battle-log-misc.js?"></script>
-	<script src="/js/battle-dex.js?"></script>
-	<script src="/js/battle-log.js?"></script>
-	<script src="/js/panel-chat.js?"></script>
+	<script defer src="/js/lib/html-css-sanitizer-minified.js?"></script>
+	<script defer src="/src/battle-log-misc.js?"></script>
+	<script defer src="/js/battle-dex.js?"></script>
+	<script defer src="/js/battle-log.js?"></script>
+	<script defer src="/js/panel-chat.js?"></script>
 
-	<script src="/js/battle-dex-data.js?"></script>
-	<script src="/data/pokedex.js?"></script>
-	<script src="/data/moves.js?"></script>
-	<script src="/data/items.js?"></script>
-	<script src="/data/abilities.js?"></script>
-	<script src="/js/panel-teambuilder.js?"></script>
+	<script defer src="/js/battle-dex-data.js?"></script>
+	<script defer src="/data/pokedex.js?"></script>
+	<script defer src="/data/moves.js?"></script>
+	<script defer src="/data/items.js?"></script>
+	<script defer src="/data/abilities.js?"></script>
+	<script defer src="/js/panel-teambuilder.js?"></script>
 
 </body></html>