feat: defer script and style in head

That makes it possible to see pre-rendered content on very slow networks extremely earlier. Signed-off-by: Conrad Zelck <git@simpel.cc>

feat: defer script and style in head
0d44f8e4 · Conrad Zelck · 8d4acd1b · 0d44f8e4 · 0d44f8e4
Unverified Commit 0d44f8e4 authored 1 year ago by Conrad Zelck
--- a/index.php
+++ b/index.php
@@ -4,8 +4,8 @@
    <?php include dirname($_SERVER['DOCUMENT_ROOT']) . "/simpel.cc/php/head.php"; ?>
    <!-- <meta charset="utf-8"> -->
    <!-- <title>FreqBuddy</title> -->
-    <script src="script.js"></script>
-    <link rel="stylesheet" href="style.css">
+    <script src="script.js" defer></script>
+    <link rel="stylesheet" href="style.css" defer>
  </head>
  <body>
    <header>
@@ -154,8 +154,4 @@
      <div class="space"></div>
    </main>
  </body>
-  <script>
-    enableCellPopup();
-    calculateFreqs();
-  </script>
 </html>
--- a/script.js
+++ b/script.js
@@ -218,3 +218,8 @@ function getCookie(cname) {
  }
  return "";
 }
+
+document.addEventListener('DOMContentLoaded', function() {
+  enableCellPopup();
+  calculateFreqs();
+});