scripts lazy load - improved app load speed

Author: mx2s

package.json

@@ -46,5 +46,6 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "devDependencies": {}
 }

public/index.html

@@ -24,34 +24,5 @@
 
     gtag('config', 'UA-153205738-3');
 </script>
-
-<!-- Start of Async Drift Code -->
-<script>
-    "use strict";
-
-    !function () {
-        var t = window.driftt = window.drift = window.driftt || [];
-        if (!t.init) {
-            if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
-            t.invoked = !0, t.methods = ["identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on"],
-                t.factory = function (e) {
-                    return function () {
-                        var n = Array.prototype.slice.call(arguments);
-                        return n.unshift(e), t.push(n), t;
-                    };
-                }, t.methods.forEach(function (e) {
-                t[e] = t.factory(e);
-            }), t.load = function (t) {
-                var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
-                o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
-                var i = document.getElementsByTagName("script")[0];
-                i.parentNode.insertBefore(o, i);
-            };
-        }
-    }();
-    drift.SNIPPET_VERSION = '0.3.1';
-    drift.load('kmcg4ky4chmh');
-</script>
-<!-- End of Async Drift Code -->
 </body>
 </html>

public/js/lazy_init.js

@@ -0,0 +1,28 @@
+!function () {
+    var t = window.driftt = window.drift = window.driftt || [];
+    if (!t.init) {
+        if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
+        t.invoked = !0, t.methods = ["identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on"],
+            t.factory = function (e) {
+                return function () {
+                    var n = Array.prototype.slice.call(arguments);
+                    return n.unshift(e), t.push(n), t;
+                };
+            }, t.methods.forEach(function (e) {
+            t[e] = t.factory(e);
+        }), t.load = function (t) {
+            var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
+            o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
+            var i = document.getElementsByTagName("script")[0];
+            i.parentNode.insertBefore(o, i);
+        };
+    }
+}();
+drift.SNIPPET_VERSION = '0.3.1';
+drift.load('kmcg4ky4chmh');
+
+window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+gtag('js', new Date());
+
+gtag('config', 'UA-153205738-3');

src/AppRoot.tsx

@@ -19,6 +19,21 @@ window.AppConfig = config;
 // @ts-ignore
 window.App = new App();
 
+async function loadScriptAsync(url: string) {
+    const script = document.createElement("script");
+
+    script.src = url;
+    script.async = true;
+
+    document.body.appendChild(script);
+}
+
+loadScriptAsync("https://momentjs.com/downloads/moment.min.js").then(() => {});
+
+setTimeout(() => {
+    loadScriptAsync("/js/lazy_init.js").then(() => {});
+}, 1000);
+
 function AppRoot() {
     return (
         <div className="app">