From 374ec19b7705ca236295813dcdd7dfb86024d8d2 2024-03-21 23:39:06
From: Ben Sturmfels <ben@sturm.com.au>
Date: 2024-03-21 23:39:06
Subject: [PATCH] Defer JavaScript loading

This avoids waiting for the JS to download before rendering the page.

---

diff --git a/conservancy/content/sustainer/original-supporter-appeal.html b/conservancy/content/sustainer/original-supporter-appeal.html
index 05baf931b5ac13f41e2c8ebb24e7143679f8ca92..164d296ed129e0bba79dcb68aecfa3a1e28ea10b 100644
--- a/conservancy/content/sustainer/original-supporter-appeal.html
+++ b/conservancy/content/sustainer/original-supporter-appeal.html
@@ -5,7 +5,7 @@
 {% block category %}supporter{% endblock %}
 
 {% block head %}
-<script type="text/javascript" src="{% static 'js/supporter-page.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/\supporter-page.js' %}" defer></script>
 <link href="{% static 'css/forms.css' %}" rel="stylesheet" type="text/css"/>
 {% endblock %}
 
diff --git a/conservancy/templates/base_conservancy.html b/conservancy/templates/base_conservancy.html
index c30b376e4b132b6b3877fa4459522be8a494148a..7c30db4c4724f03797d7a9eafb22b34535fd3a17 100644
--- a/conservancy/templates/base_conservancy.html
+++ b/conservancy/templates/base_conservancy.html
@@ -15,8 +15,8 @@
     <link rel="stylesheet" type="text/css" href="{% static 'css/tachyons.css' %}"/>
     <link rel="stylesheet" type="text/css" media="screen" href="{% static 'css/conservancy.css' %}" />
     <link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="{% static 'css/conservancy-bigscreen.css' %}" />
-    <script type="text/javascript" src="{% static 'js/jquery-1.7.2.js' %}"></script>
-    <script type="text/javascript" src="{% static 'js/conservancy.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/jquery-1.7.2.js' %}" defer></script>
+    <script type="text/javascript" src="{% static 'js/conservancy.js' %}" defer></script>
     {% block head %}{% endblock %}
   </head>
 
diff --git a/conservancy/templates/blog/query.html b/conservancy/templates/blog/query.html
index 881210d7da859d704e3e078d80c2f4ef847104af..923a359eb99cf35da18eadac8e0657da1d2b4fde 100644
--- a/conservancy/templates/blog/query.html
+++ b/conservancy/templates/blog/query.html
@@ -3,7 +3,7 @@
 
 {% block head %}
 <script type="text/javascript">
-$(function () {
+window.addEventListener('DOMContentLoaded', function() {
     function my_display (sel, b) {
         if (b) { sel.slideDown(); }
         else { sel.slideUp(); }
diff --git a/conservancy/templates/supporter/index.html b/conservancy/templates/supporter/index.html
index 9ee0d328534c7deef5517defac46ccbd894a34b0..4ad1eb8d939b19774a01b5760fc92e7c130d7a11 100644
--- a/conservancy/templates/supporter/index.html
+++ b/conservancy/templates/supporter/index.html
@@ -4,7 +4,7 @@
 {% block category %}sustainer{% endblock %}
 
 {% block head %}
-<script type="text/javascript" src="{% static 'js/supporter-page.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/supporter-page.js' %}" defer></script>
 <link href="{% static 'css/forms.css' %}" rel="stylesheet" type="text/css"/>
 {% include "opengraph_partial.html" with url="/sustainer/" title="Support Conservancy!" description="Software freedom is critical to many of today&rsquo;s most pressing social issues, but it&rsquo;s only effective when FOSS is for everyone. Support Conservancy today to help make that happen!" %}
 {% include "opengraph_urllist_partial.html" with property='image' urls='' fallback='/static/img/conservancy-logo.png' %}