diff --git a/appview/pages/templates/layouts/base.html b/appview/pages/templates/layouts/base.html
index 19e96de5..68fab8e9 100644
--- a/appview/pages/templates/layouts/base.html
+++ b/appview/pages/templates/layouts/base.html
@@ -3,13 +3,20 @@
     <html lang="en" class="dark:bg-gray-900">
         <head>
             <meta charset="UTF-8" />
-            <meta
-                name="viewport"
-                content="width=device-width, initial-scale=1.0"
-            />
+            <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+            <meta name="description" content="Social coding, but for real this time!"/>
             <meta name="htmx-config" content='{"includeIndicatorStyles": false}'>
-            <script src="/static/htmx.min.js"></script>
-            <script src="/static/htmx-ext-ws.min.js"></script>
+
+            <script defer src="/static/htmx.min.js"></script>
+            <script defer src="/static/htmx-ext-ws.min.js"></script>
+
+            <!-- preconnect to image cdn -->
+            <link rel="preconnect" href="https://avatar.tangled.sh" />
+            <link rel="preconnect" href="https://camo.tangled.sh" />
+
+            <!-- preload main font -->
+            <link rel="preload" href="/static/fonts/InterVariable.woff2" as="font" type="font/woff2" crossorigin />
+
             <link rel="stylesheet" href="/static/tw.css?{{ cssContentHash }}" type="text/css" />
             <title>{{ block "title" . }}{{ end }} · tangled</title>
             {{ block "extrameta" . }}{{ end }}
diff --git a/appview/pages/templates/timeline/timeline.html b/appview/pages/templates/timeline/timeline.html
index 7f313f03..2ae1695b 100644
--- a/appview/pages/templates/timeline/timeline.html
+++ b/appview/pages/templates/timeline/timeline.html
@@ -158,7 +158,7 @@
   </div>
   <div class="py-4 px-6 drop-shadow-sm rounded bg-white dark:bg-gray-800 flex items-center gap-4">
     <div class="flex-shrink-0 max-h-full w-24 h-24">
-      <img class="object-cover rounded-full p-2" src="{{ fullAvatar $subjectHandle }}" />
+      <img alt="" class="object-cover rounded-full p-2" src="{{ fullAvatar $subjectHandle }}" />
     </div>
 
     <div class="flex-1 min-h-0 justify-around flex flex-col">
diff --git a/appview/pages/templates/user/fragments/picHandle.html b/appview/pages/templates/user/fragments/picHandle.html
index 55187d7b..a78a5532 100644
--- a/appview/pages/templates/user/fragments/picHandle.html
+++ b/appview/pages/templates/user/fragments/picHandle.html
@@ -1,7 +1,7 @@
 {{ define "user/fragments/picHandle" }}
 <img
     src="{{ tinyAvatar . }}"
-    alt="{{ . }}"
+    alt=""
     class="rounded-full h-6 w-6 mr-1 border border-gray-300 dark:border-gray-700"
 />
 {{ . | truncateAt30 }}