app/pages/+Head.tsx

@@ -1,3 +1,4 @@
+import blurCyanImage from "@/images/blur-cyan.webp";
 import logoUrl from "@/assets/logo.svg";
 
 // https://vike.dev/Head
@@ -13,6 +14,8 @@ export default function HeadDefault() {
 				data-website-id="ba70261e-d145-4dd1-b0e8-27cbf4927b74"
 			/>
 
+			<link rel="preload" href={blurCyanImage} as="image" />
+
 			<link rel="preconnect" href="https://fonts.googleapis.com" />
 			<link
 				rel="preconnect"

app/partials/HeroSection.tsx

@@ -81,7 +81,6 @@ export function HeroSection() {
 								alt=""
 								width={530}
 								height={530}
-								loading="eager"
 							/>
 
 							<Image
@@ -90,7 +89,6 @@ export function HeroSection() {
 								alt=""
 								width={567}
 								height={567}
-								loading="eager"
 							/>
 
 							<div class="absolute inset-0 rounded-2xl bg-linear-to-tr from-violet-300 via-violet-300/70 to-purple-300 opacity-10 blur-lg" />