From 9621f60f173ca91b8082bea86ca805d67ce4bef0 Mon Sep 17 00:00:00 2001
From: RisingOrange <jakub.fidler@protonmail.com>
Date: Sun, 3 May 2026 00:53:12 +0200
Subject: [PATCH] Add fetchpriority=high to hero image

The hero img is the largest element above the fold on /, but in prod
DevTools shows it fetched at Low priority on cold loads, so it pops
in late after CSS and fonts. fetchpriority=high moves it earlier in
the priority queue.
---
 src/lib/components/Hero.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/Hero.svelte b/src/lib/components/Hero.svelte
index e17c5e392..74dfc4096 100644
--- a/src/lib/components/Hero.svelte
+++ b/src/lib/components/Hero.svelte
@@ -25,7 +25,7 @@
 		{#each Object.entries(homeHeroDesktop.sources) as [format, srcset]}
 			<source {srcset} sizes="100vw" type={'image/' + format} />
 		{/each}
-		<img src={homeHeroDesktop.img.src} alt="" />
+		<img src={homeHeroDesktop.img.src} alt="" fetchpriority="high" />
 	</picture>
 	<div class="content" bind:this={tagline}>
 		<h2>Don't let AI companies<br />gamble away our future</h2>