diff --git a/site/src/app.js b/site/src/app.js
deleted file mode 100644
index 3b6dd7d9..00000000
--- a/site/src/app.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Elm } from "./Main.elm";
-
-Elm.Main.init({
-  node: document.getElementById("app")
-});
diff --git a/site/src/index.html b/site/src/index.html
index 6f9ef1ec..b34043ee 100644
--- a/site/src/index.html
+++ b/site/src/index.html
@@ -3,10 +3,10 @@
   <head>
     <meta charset="UTF-8" />
     <title>elm-markup-pages</title>
+    <script src="./js/app.js" type="text/javascript"></script>
   </head>
 
   <body>
     <div id="app"></div>
-    <script src="./app.js"></script>
   </body>
 </html>
diff --git a/site/src/js/app.js b/site/src/js/app.js
new file mode 100644
index 00000000..22ccf50e
--- /dev/null
+++ b/site/src/js/app.js
@@ -0,0 +1,7 @@
+import { Elm } from "../Main.elm";
+
+document.addEventListener("DOMContentLoaded", function() {
+  Elm.Main.init({
+    node: document.getElementById("app")
+  });
+});
