Rework links, preload images

head.html

@@ -1,18 +1,21 @@
-<link rel="icon" href="/images/favicon-16.png" sizes="16x16">
-<link rel="icon" href="/images/favicon-32.png" sizes="32x32">
-<link rel="shortcut icon" type="image/png" href="/images/favicon-392.png">
-<link rel="apple-touch-icon" href="/images/favicon-392.png">
-
 <link rel="stylesheet" href="/styles/fonts.css">
 <link rel="stylesheet" href="/styles/defaults.css">
 <link rel="stylesheet" href="/styles/logo-filter.css">
 <link rel="stylesheet" href="/styles/links.css">
 <link rel="stylesheet" href="/styles/select.css">
 <link rel="stylesheet" href="/styles/town-store.css">
 
+<link rel="preload" as="image" href="/images/map_whole.webp" type="image/webp">
+<link rel="preload" as="image" href="/images/map_marker.webp" type="image/webp">
+
+<script src="/scripts/x-intersection-observer.js"></script>
 <script src="/scripts/vendor/tailwindcss.3.4.5.min.js"></script>
 <script type="module">
     import * as tailwindConfig from "/scripts/tailwind.config.js";
     tailwind.config = tailwindConfig;
 </script>
-<script src="/scripts/x-intersection-observer.js"></script>
+
+<link rel="icon" href="/images/favicon-16.png" sizes="16x16">
+<link rel="icon" href="/images/favicon-32.png" sizes="32x32">
+<link rel="shortcut icon" type="image/png" href="/images/favicon-392.png">
+<link rel="apple-touch-icon" href="/images/favicon-392.png">