diff --git a/index.html b/index.html
index bc6e3e4..4a544c2 100644
--- a/index.html
+++ b/index.html
@@ -28,10 +28,10 @@
     <link rel="stylesheet" href="./css/layout.css" media="all" />
     <link rel="stylesheet" href="./css/style.css" media="all" />
     <!--<link rel="stylesheet" href="./css/playground.css" media="all" />-->
+    <script src="./index.js" type="module" defer></script>
     <title>Tipiṭaka (CSCD)</title>
   </head>
   <body>
-    <script src="./index.js" type="module"></script>
     <!--<script src="playground.js" type="module"></script>-->
   </body>
 </html>
diff --git a/index.js b/index.js
index 2f5aeca..d34c6c0 100644
--- a/index.js
+++ b/index.js
@@ -23,7 +23,6 @@ document.addEventListener("DOMContentLoaded", () => {
       <main></main>
       <footer></footer>
     </section>
-    <script src="./index.js" type="module"></script>
   `;
 
   document.body.innerHTML = markup;
