optimize page loading using preload/prefetch

Signed-off-by: Robert Günzler <r@gnzler.io>

26 files changed, 28 insertions, 0 deletions

diff --git a/index.html b/index.html
index 4c68cc4..8eeefe7 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,9 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <meta name="title" content="robertgzr's site">
   <meta name="description" content="personal website of robertgzr">
+  <!-- Hints -->
+  <link rel="preload" href="/media/interface/logo.svg" as="image">
+  <link rel="prefetch" href="/site/about.html">
   <!-- Links -->
   <link rel="stylesheet" type="text/css" href="/links/main.css">
   <link rel="stylesheet" type="text/css" href="/links/hero.css">
diff --git a/site/2025.html b/site/2025.html
index e3af8a3..f6ea64a 100644
--- a/site/2025.html
+++ b/site/2025.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/404.html b/site/404.html
index 3e48528..a4e6bc2 100644
--- a/site/404.html
+++ b/site/404.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/about.html b/site/about.html
index e9e1bba..982fba3 100644
--- a/site/about.html
+++ b/site/about.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/audio.html b/site/audio.html
index 5bc93a6..f581a58 100644
--- a/site/audio.html
+++ b/site/audio.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/books.html b/site/books.html
index 3f81f22..cf3610c 100644
--- a/site/books.html
+++ b/site/books.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/gsix.html b/site/gsix.html
index da2e714..ef01523 100644
--- a/site/gsix.html
+++ b/site/gsix.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/hokkaido.html b/site/hokkaido.html
index 8573a2e..fa41471 100644
--- a/site/hokkaido.html
+++ b/site/hokkaido.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/ibaraki.html b/site/ibaraki.html
index a108341..6c2f239 100644
--- a/site/ibaraki.html
+++ b/site/ibaraki.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/index.html b/site/index.html
index 9392ce3..20ef6cf 100644
--- a/site/index.html
+++ b/site/index.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/japan.html b/site/japan.html
index 38484b9..74f154c 100644
--- a/site/japan.html
+++ b/site/japan.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/journal.html b/site/journal.html
index e9d09c0..e64f30e 100644
--- a/site/journal.html
+++ b/site/journal.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/kamakura.html b/site/kamakura.html
index aaf7789..b8db251 100644
--- a/site/kamakura.html
+++ b/site/kamakura.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/like.html b/site/like.html
index 582abc5..145dddd 100644
--- a/site/like.html
+++ b/site/like.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/niigata.html b/site/niigata.html
index 0158bbd..d50eaec 100644
--- a/site/niigata.html
+++ b/site/niigata.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/nikko.html b/site/nikko.html
index 84129bc..2dcf6bb 100644
--- a/site/nikko.html
+++ b/site/nikko.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/notes.html b/site/notes.html
index b8c95f7..abbc95e 100644
--- a/site/notes.html
+++ b/site/notes.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/plan9-cursors.html b/site/plan9-cursors.html
index 3ca942c..da8dd19 100644
--- a/site/plan9-cursors.html
+++ b/site/plan9-cursors.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/porta.html b/site/porta.html
index 09a941b..30d9e96 100644
--- a/site/porta.html
+++ b/site/porta.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/pyonji.html b/site/pyonji.html
index d381cf5..e05bf59 100644
--- a/site/pyonji.html
+++ b/site/pyonji.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/shikoku.html b/site/shikoku.html
index 4aa686f..2e43990 100644
--- a/site/shikoku.html
+++ b/site/shikoku.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/sony-wf1000xm3-battery.html b/site/sony-wf1000xm3-battery.html
index 93cc914..22f7cc2 100644
--- a/site/sony-wf1000xm3-battery.html
+++ b/site/sony-wf1000xm3-battery.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/toyama.html b/site/toyama.html
index 5c1f4d2..81000f0 100644
--- a/site/toyama.html
+++ b/site/toyama.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/unicode-range.html b/site/unicode-range.html
index fa2de36..3920b30 100644
--- a/site/unicode-range.html
+++ b/site/unicode-range.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/site/yamanashi.html b/site/yamanashi.html
index 4bb6ef9..aeb71dd 100644
--- a/site/yamanashi.html
+++ b/site/yamanashi.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <meta name="thumbnail" content="/media/services/thumbnail.jpg">
 <meta name="viewport" content="width=device-width,initial-scale=1">
+<link rel="preload" href="media/interface/logo.svg" as="image">
 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
 <link rel="stylesheet" type="text/css" href="/links/main.css">
 <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
diff --git a/src/gen.zig b/src/gen.zig
index d3c066e..96c31a3 100644
--- a/src/gen.zig
+++ b/src/gen.zig
@@ -124,6 +124,7 @@ fn build(allocator: std.mem.Allocator, w: std.io.AnyWriter, page_name: []const u
         \\<meta charset="utf-8">
         \\<meta name="thumbnail" content="/media/services/thumbnail.jpg">
         \\<meta name="viewport" content="width=device-width,initial-scale=1">
+        \\<link rel="preload" href="media/interface/logo.svg" as="image">
         \\<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
         \\<link rel="stylesheet" type="text/css" href="/links/main.css">
         \\<link rel="shortcut icon" type="image/png" href="/media/services/icon.png">