add preloads to big images for optimization

adds just a little more to initial load, afterwards everything is cached
so it doesn't matter

public/views/index.html

@@ -40,6 +40,20 @@
             rel="stylesheet"
         />
         <link rel="stylesheet" href="/static/styles.css" />
+        <link
+            rel="preload"
+            fetchpriority="high"
+            as="image"
+            href="/static/touching-grass-pic.jpg"
+            type="image/jpeg"
+        />
+        <link
+            rel="preload"
+            fetchpriority="high"
+            as="image"
+            href="/static/grid.svg"
+            type="image/svg+xml"
+        />
         <script
             src="https://unpkg.com/htmx.org@1.9.6"
             integrity="sha384-FhXw7b6AlE/jyjlZH5iHa/tTe9EpJ1Y55RjcgPbjeWMskSxZt1v9qkxLJWNJaGni"