From 9af45979f1fd6e3a4bc0d1fdfe10e7ca0c7c610f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Fri, 10 Apr 2026 19:07:10 +0200
Subject: [PATCH] fix: address Lighthouse SEO and performance audit failures
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- nav: fix label-content-name-mismatch — aria-label now uses logoText
  ("PIVOINE") to match the visible link text (WCAG 2.5.3)
- index: improve link-text — "Learn more" → "About the magazine"
  so the /about/ CTA has a descriptive accessible name
- head: load Google Fonts async via media=print/onload pattern to
  eliminate render-blocking resource penalty (~480ms est. savings)

Remaining items needing server-side action:
- is-crawlable: x-robots-tag: none,... header must be removed in the
  web server / CDN config (not controllable from this repo)
- image-delivery: large banner PNGs on live site need manual WebP
  conversion or migration to Hugo page bundles for auto-processing

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 layouts/index.html         | 2 +-
 layouts/partials/head.html | 6 ++++--
 layouts/partials/nav.html  | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/layouts/index.html b/layouts/index.html
index 879fc59..6af2f0f 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -137,7 +137,7 @@
     <p class="font-display text-3xl md:text-5xl text-paper leading-tight text-balance mb-10">
       {{ .Site.Params.description }}
     </p>
-    <a href="/about/" class="btn btn-outline">Learn more {{ partial "icon.html" "arrow-right" }}</a>
+    <a href="/about/" class="btn btn-outline">About the magazine {{ partial "icon.html" "arrow-right" }}</a>
   </div>
 </section>
 
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 0f43388..0a3765a 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -57,10 +57,12 @@
 <!-- JSON-LD structured data -->
 {{- partial "schema.html" . -}}
 
-<!-- Fonts — Bebas Neue + Barlow + Share Tech Mono -->
+<!-- Fonts — Bebas Neue + Barlow + Share Tech Mono (non-render-blocking) -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Share+Tech+Mono&display=swap">
+<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Share+Tech+Mono&display=swap">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Share+Tech+Mono&display=swap" media="print" onload="this.media='all'">
+<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Share+Tech+Mono&display=swap"></noscript>
 
 <!-- CSS via Hugo Pipes + PostCSS + Tailwind v4 -->
 {{- $css := resources.Get "css/main.css" | css.PostCSS -}}
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index b8b3356..e10c399 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -10,7 +10,7 @@
     :class="$store.nav.open || scrolled ? 'bg-ink/95 backdrop-blur-md shadow-[0_1px_0_var(--color-zinc)]' : ''"
   >
     <!-- Logotype -->
-    <a href="/" class="logo-glitch flex items-center gap-3 hover:opacity-90 transition-opacity" aria-label="{{ .Site.Title }} Home">
+    <a href="/" class="logo-glitch flex items-center gap-3 hover:opacity-90 transition-opacity" aria-label="{{ .Site.Params.logoText }} Home">
       {{- partial "logo.html" (dict "id" "nav" "class" "h-8 w-auto flex-shrink-0") -}}
       <span class="text-gradient font-display text-2xl md:text-3xl leading-none tracking-wide">
         {{- .Site.Params.logoText -}}