From 9c36be1320e770ce81a0e8671a74a254d24ac2be Mon Sep 17 00:00:00 2001
From: Amir Pourmand <pourmand1376@gmail.com>
Date: Sat, 30 Oct 2021 23:56:37 +0330
Subject: [PATCH] Optimize Website Load Time (#435)

* Place js files after body tag

* Add Analytics to the end of script

* Minor nits and fixes

Co-authored-by: Maruan Al-Shedivat <alshedivat.maruan@gmail.com>
---
 _includes/head.html              | 30 ------------------------------
 _includes/scripts/analytics.html | 21 +++++++++++++++++++++
 _includes/scripts/misc.html      |  6 ++++++
 _layouts/default.html            |  4 +++-
 4 files changed, 30 insertions(+), 31 deletions(-)
 create mode 100644 _includes/scripts/analytics.html
diff --git a/_includes/head.html b/_includes/head.html
index 3b1f1f3..97a93d6 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -42,33 +42,3 @@
 {% endif %}
 <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
 <link rel="canonical" href="{{ page.url | replace:'index.html','' | relative_url }}">
-
-<!-- JQuery -->
-{% include scripts/jquery.html %}
-
-<!-- Theming-->
-{% if site.enable_darkmode %}
-<script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
-<script src="{{ '/assets/js/dark_mode.js' | relative_url }}"></script>
-{% endif %}
-
-{% if site.enable_google_analytics %}
-<!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag() { dataLayer.push(arguments); }
-  gtag('js', new Date());
-
-  gtag('config', '{{ site.google_analytics }}');
-</script>
-{% endif %}
-
-{% if site.enable_panelbear_analytics %}
-<!-- Panelbear Analytics - We respect your privacy -->
-<script async src="https://cdn.panelbear.com/analytics.js?site={{site.panelbear_analytics}}"></script>
-<script>
-    window.panelbear = window.panelbear || function() { (window.panelbear.q = window.panelbear.q || []).push(arguments); };
-    panelbear('config', { site: '{{site.panelbear_analytics}}' });
-</script>
-{% endif %}
diff --git a/_includes/scripts/analytics.html b/_includes/scripts/analytics.html
new file mode 100644
index 0000000..504d39b
--- /dev/null
+++ b/_includes/scripts/analytics.html
@@ -0,0 +1,21 @@
+{% if site.enable_google_analytics %}
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag() { dataLayer.push(arguments); }
+  gtag('js', new Date());
+
+  gtag('config', '{{ site.google_analytics }}');
+</script>
+{% endif %}
+
+
+{% if site.enable_panelbear_analytics %}
+<!-- Panelbear Analytics - We respect your privacy -->
+<script async src="https://cdn.panelbear.com/analytics.js?site={{site.panelbear_analytics}}"></script>
+<script>
+    window.panelbear = window.panelbear || function() { (window.panelbear.q = window.panelbear.q || []).push(arguments); };
+    panelbear('config', { site: '{{site.panelbear_analytics}}' });
+</script>
+{% endif %}
diff --git a/_includes/scripts/misc.html b/_includes/scripts/misc.html
index 260ce1b..c2188d4 100644
--- a/_includes/scripts/misc.html
+++ b/_includes/scripts/misc.html
@@ -1,3 +1,9 @@
+{% if site.enable_darkmode %}
+<!-- Dark Mode -->
+<script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
+<script src="{{ '/assets/js/dark_mode.js' | relative_url }}"></script>
+{% endif %}
+
 {% if site.enable_tooltips %}
 <!-- Enable Tooltips -->
 <script type="text/javascript">
diff --git a/_layouts/default.html b/_layouts/default.html
index 8e0d8ec..b7a39b6 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,7 +4,6 @@
   <head>
     {% if page.redirect %}<meta http-equiv="refresh" content="3; url={{ site.baseurl | prepend: site.url }}/" />{% endif %}
     {% include head.html %}
-    {% include scripts/mathjax.html %}
   </head>
 
   <body class="{% if site.navbar_fixed %}fixed-top-nav{% endif %} {% unless site.footer_fixed %}sticky-bottom-footer{% endunless %}">
@@ -25,8 +24,11 @@
 
   </body>
 
+  {% include scripts/jquery.html %}
   {% include scripts/bootstrap.html %}
   {% include scripts/mansory.html %}
   {% include scripts/misc.html %}
+  {% include scripts/mathjax.html %}
+  {% include scripts/analytics.html %}
 
 </html>
