Add preconnect headers for goatcounter and plausible

articles/templates/articles/base.html

@@ -9,6 +9,7 @@
     <meta name="color-scheme" content="light dark">
     <title>{% block title %}Home | {% endblock %}{{ blog_title }} by {{ blog_author }}</title>
     <link rel="alternate" type="application/rss+xml" title="Gab's Notes » Feed" href="{% url 'complete-feed' %}">
+    {% include "articles/snippets/analytics_head.html" %}
     {% include "articles/snippets/page_metadata.html" %}
 
     {% compress css inline %}

articles/templates/articles/snippets/analytics.html

@@ -1,13 +1,14 @@
 {% load static compress %}
 
-{% if plausible_domain is not None and not user.is_authenticated %}
+{% if not user.is_authenticated %}
+    {% if plausible_domain is not None %}
         <script async defer data-domain="{{ plausible_domain }}"
                 src="https://plausible.augendre.info/js/plausible.js">
         </script>
     {% endif %}
 
     {% compress js inline %}
-    {% if goatcounter_domain is not None and not user.is_authenticated %}
+        {% if goatcounter_domain is not None %}
             <script>
                 window.goatcounter = {
                     endpoint: 'https://{{ goatcounter_domain }}/count',
@@ -17,3 +18,4 @@
             <script async defer src="{% static "vendor/goatcounter.js" %}"></script>
         {% endif %}
     {% endcompress %}
+{% endif %}

articles/templates/articles/snippets/analytics_head.html

@@ -0,0 +1,9 @@
+{% if not user.is_authenticated %}
+    {% if plausible_domain is not None %}
+        <link rel="preconnect" href="https://plausible.augendre.info">
+    {% endif %}
+
+    {% if goatcounter_domain is not None %}
+        <link rel="preconnect" href="https://{{ goatcounter_domain }}">
+    {% endif %}
+{% endif %}