app/pages/+Head.tsx

@@ -1,4 +1,3 @@
-import blurCyanImage from "@/images/blur-cyan.webp";
 import logoUrl from "@/assets/logo.svg";
 
 // https://vike.dev/Head
@@ -14,24 +13,12 @@ export default function HeadDefault() {
 				data-website-id="ba70261e-d145-4dd1-b0e8-27cbf4927b74"
 			/>
 
-			<link rel="preload" href={blurCyanImage} as="image" />
-			<link
-				rel="preload"
-				href="https://fonts.gstatic.com/s/inter/v12/UcCO3F1r8g.woff2"
-				as="font"
-				type="font/woff2"
-				crossorigin="anonymous"
-			/>
-
 			<link rel="preconnect" href="https://fonts.googleapis.com" />
-			<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
 			<link
 				rel="preconnect"
 				href="https://fonts.gstatic.com"
 				crossorigin="anonymous"
 			/>
-			<link rel="dns-prefetch" href="https://fonts.gstatic.com" />
-
 			<link
 				href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Lexend:wght@400;500;700&display=swap"
 				rel="stylesheet"

app/partials/HeroSection.tsx

@@ -81,6 +81,7 @@ export function HeroSection() {
 								alt=""
 								width={530}
 								height={530}
+								loading="eager"
 							/>
 
 							<Image
@@ -89,6 +90,7 @@ 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" />