From f181ac79928c2a8164c8d0fd991071cacf067771 Mon Sep 17 00:00:00 2001
From: ROBOT <tkata12@outlook.jp>
Date: Wed, 26 Aug 2026 17:44:07 +0900
Subject: [PATCH] perf: prioritize profile icon loading and set constrained
 image layout

Sets image.layout to "constrained" globally and marks the profile icon
as high priority/eager loading, since it is likely the page's LCP element.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EFbFesJytjBd612cYqmgPa
---
 astro.config.mjs             | 3 +++
 src/components/Profile.astro | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index cc823dc..c37991a 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -24,6 +24,9 @@ import rehypeExternalLinks from "rehype-external-links";
 export default defineConfig({
   site: "https://wktk.moe",
   base: process.env.BASE_PATH || "/",
+  image: {
+    layout: "constrained"
+  },
   integrations: [
     partytown({
       config: {
diff --git a/src/components/Profile.astro b/src/components/Profile.astro
index 21345ce..dc27e74 100644
--- a/src/components/Profile.astro
+++ b/src/components/Profile.astro
@@ -25,7 +25,7 @@ const pastYearUrl = getPastYearContributionUrl(GITHUB_USERNAME);
 
 <div class="profile-txts">
   <div>
-    <Image class="profile-icon" src={Icon} alt="" />
+    <Image class="profile-icon" fetchpriority="high" loading="eager" src={Icon} alt="" />
   </div>
   <div>
     <p class="profile-name">{PROFILE.name}</p>