From ace2fe18deb282bb4e8af79e669ee8d8683a4e0f Mon Sep 17 00:00:00 2001
From: Lukas Heumos <lukas.heumos@posteo.net>
Date: Fri, 11 Sep 2026 12:01:04 +0200
Subject: [PATCH] Load the nav script with defer instead of async

bootstrap.bundle.js was async while the nav dropdowns and the mobile collapse
depend on it, so the nav could be dead on first paint. Ordered ahead of main.js.

Inter is preloaded: it was only discoverable after main.scss parsed.

Remote avatars get referrerpolicy=no-referrer and decoding=async.
---
 layouts/partials/head.html              |  3 ++-
 layouts/partials/people/avatar.html     |  2 ++
 layouts/partials/stats-contributor.html | 10 +++++++++-
 layouts/people/list.html                | 10 +++++++++-
 4 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 4d498880..9dc54245 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -8,6 +8,7 @@
 <link rel="canonical" href="{{ .Permalink }}" />
 
 {{ $styles := resources.Get "main.scss" | toCSS | minify }}
+<link rel="preload" as="font" type="font/woff2" href="/fonts/Inter/Inter-VariableFont_slnt,wght.woff2" crossorigin />
 <link rel="stylesheet" type="text/css" href="/bootstrap/css/bootstrap.min.css" />
 <link rel="stylesheet" type="text/css" href="/bootstrap/icons/bootstrap-icons.css" />
 <link rel="stylesheet" type="text/css" href="{{ $styles.RelPermalink }}" />
@@ -40,6 +41,6 @@
 {{ template "_internal/twitter_cards.html" . }}
 {{ template "_internal/opengraph.html" . }}
 
+<script src="/bootstrap/js/bootstrap.bundle.min.js" defer></script>
 <script src="/main.js" defer></script>
-<script src="/bootstrap/js/bootstrap.bundle.min.js" async></script>
 <script data-goatcounter="https://scverse.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
diff --git a/layouts/partials/people/avatar.html b/layouts/partials/people/avatar.html
index c405213a..e0ba6074 100644
--- a/layouts/partials/people/avatar.html
+++ b/layouts/partials/people/avatar.html
@@ -11,6 +11,8 @@
     src="https://github.com/{{ $login }}.png?size={{ mul .size 2 }}"
     alt=""
     loading="lazy"
+    referrerpolicy="no-referrer"
+    decoding="async"
     width="{{ .size }}"
     height="{{ .size }}"
   />
diff --git a/layouts/partials/stats-contributor.html b/layouts/partials/stats-contributor.html
index 6722a0db..f21a54d1 100644
--- a/layouts/partials/stats-contributor.html
+++ b/layouts/partials/stats-contributor.html
@@ -2,7 +2,15 @@
 {{ $most := .most }}
 <li>
   <a href="{{ $person.html_url }}" target="_blank" rel="noopener">
-    <img src="{{ $person.avatar_url }}&s=96" alt="" loading="lazy" width="40" height="40" />
+    <img
+      src="{{ $person.avatar_url }}&s=96"
+      alt=""
+      loading="lazy"
+      referrerpolicy="no-referrer"
+      decoding="async"
+      width="40"
+      height="40"
+    />
     <span class="stats-contributor-name">{{ $person.name | default $person.login }}</span>
     <span class="stats-contributor-bar" aria-hidden="true">
       <span style="width: {{ math.Round (div (mul (float $person.contributions) 100.0) (float $most)) }}%"></span>
diff --git a/layouts/people/list.html b/layouts/people/list.html
index 382e4971..cc12c902 100644
--- a/layouts/people/list.html
+++ b/layouts/people/list.html
@@ -87,7 +87,15 @@ <h1>{{ .Title }}</h1>
                 words while the avatars are still loading.
               */}}
               <a href="{{ .html_url }}" target="_blank" rel="noopener" title="{{ .name }}" aria-label="{{ .name }}">
-                <img src="{{ .avatar_url }}&amp;s=64" alt="" loading="lazy" width="32" height="32" />
+                <img
+                  src="{{ .avatar_url }}&amp;s=64"
+                  alt=""
+                  loading="lazy"
+                  referrerpolicy="no-referrer"
+                  decoding="async"
+                  width="32"
+                  height="32"
+                />
               </a>
             {{ end }}
           </div>