Use js async

mnemosyne-mon · Sep 7, 2017 · bbd5d56 · bbd5d56
1 parent bd7d0f5
commit bbd5d56
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/app/assets/main.js b/app/assets/main.js
@@ -10,7 +10,9 @@ import {
 
 import * as components from 'components/index'
 
-document.addEventListener('DOMContentLoaded', () => {
+function initalize() {
+  $('[data-time-ago]').timeago()
+
   document.querySelectorAll('script[data-component]').forEach((el) => {
     let component = components[el.dataset.component]
     let props = {}
@@ -38,8 +40,12 @@ document.addEventListener('DOMContentLoaded', () => {
 
     render(createElement(component, props), node)
   })
-})
-
-jQuery(document).ready(function() {
-  $('[data-time-ago]').timeago()
-})
+}
+
+if (document.readyState === "complete" ||
+    document.readyState === "loaded" ||
+    document.readyState === "interactive") {
+  initalize()
+} else {
+  document.addEventListener('DOMContentLoaded', initalize)
+}
diff --git a/app/views/layouts/application.html.slim b/app/views/layouts/application.html.slim
@@ -11,7 +11,7 @@ html lang=I18n.locale
     link rel="icon" type="images/png" sizes="16x16" href=asset_pack_path('favicon/favicon-16x16.png')
     link rel="mask-item" color="#0275d8" href=asset_pack_path('favicon/safari-pinned-tab.svg')
     meta name="theme-color" content="#333333"
-    = javascript_pack_tag 'application'
+    = javascript_pack_tag 'application', async: true
     = stylesheet_pack_tag 'application', media: 'all'
     = csrf_meta_tags
   body