Delay GA loading

_includes/google-analytics.html

@@ -6,11 +6,13 @@
   MIT License
 -->
 <!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics.id }}"></script>
+<script defer src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics.id }}"></script>
 <script>
+  document.addEventListener("DOMContentLoaded", function(event) {
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments);}
 
     gtag('js', new Date());
     gtag('config', '{{ site.google_analytics.id }}');
+  });
 </script>

_includes/js-selector.html

@@ -25,4 +25,10 @@
 {% if jekyll.environment == 'production' %}
   <!-- PWA -->
   <script defer src="{{ '/app.js' | relative_url }}"></script>
+
+  <!-- GA -->
+  {% if site.google_analytics.id %}
+    {% include google-analytics.html %}
+  {% endif %}
+
 {% endif %}

_layouts/default.html

@@ -52,10 +52,6 @@ layout: compress
 
     {% include search-loader.html %}
 
-    {% if site.google_analytics.id and jekyll.environment == 'production' %}
-      {% include google-analytics.html %}
-    {% endif %}
-
   </body>
 
 </html>