From 1fad9ee0b08f16450e2ac3ee77a4314ac6350ae5 Mon Sep 17 00:00:00 2001
From: Application-drop-up <msts.oo0131@gmail.com>
Date: Fri, 22 May 2026 08:53:29 +0900
Subject: [PATCH 1/3] =?UTF-8?q?perf(card):=20add=20isPriority=20prop=20?=
 =?UTF-8?q?=E2=80=94=20eager=20loading=20and=20fetchpriority=20for=20above?=
 =?UTF-8?q?-fold=20images?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 client/src/app/features/top/cards/HeritageCard.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/src/app/features/top/cards/HeritageCard.tsx b/client/src/app/features/top/cards/HeritageCard.tsx
index e4862ec..b0a9d05 100644
--- a/client/src/app/features/top/cards/HeritageCard.tsx
+++ b/client/src/app/features/top/cards/HeritageCard.tsx
@@ -5,9 +5,11 @@ import { useText } from "@shared/locale/ui-text.ts";
 export function HeritageCard({
   item,
   onClickItem,
+  isPriority = false,
 }: {
   item: WorldHeritageVm;
   onClickItem?: (id: number) => void;
+  isPriority?: boolean;
 }) {
   const text = useText();
 
@@ -25,7 +27,11 @@ export function HeritageCard({
             src={item.thumbnailUrl}
             alt={title}
             referrerPolicy="no-referrer"
-            loading="lazy"
+            loading={isPriority ? "eager" : "lazy"}
+            fetchPriority={isPriority ? "high" : "auto"}
+            decoding="async"
+            width={400}
+            height={320}
             className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
           />
         ) : (

From 84bd1c8bcd5c6b7ed966b4552a18ae8238a8eac5 Mon Sep 17 00:00:00 2001
From: Application-drop-up <msts.oo0131@gmail.com>
Date: Fri, 22 May 2026 08:53:41 +0900
Subject: [PATCH 2/3] perf(list): pass isPriority to first 3 cards in
 HeritageList

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 client/src/app/features/top/components/HeritageList.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/app/features/top/components/HeritageList.tsx b/client/src/app/features/top/components/HeritageList.tsx
index 155d2e2..63a4657 100644
--- a/client/src/app/features/top/components/HeritageList.tsx
+++ b/client/src/app/features/top/components/HeritageList.tsx
@@ -18,9 +18,9 @@ export function HeritageList({
 
   return (
     <ul className="grid list-none grid-cols-1 gap-6 p-0 md:grid-cols-2 lg:grid-cols-3">
-      {items.map((it) => (
+      {items.map((it, index) => (
         <li key={it.id} className="list-none">
-          <HeritageCard item={it} onClickItem={onClickItem} />
+          <HeritageCard item={it} onClickItem={onClickItem} isPriority={index < 3} />
         </li>
       ))}
     </ul>

From eec7294fe9a46cd9be46b0c8e940c4f5701ab42f Mon Sep 17 00:00:00 2001
From: Application-drop-up <msts.oo0131@gmail.com>
Date: Fri, 22 May 2026 08:53:51 +0900
Subject: [PATCH 3/3] perf(search): pass isPriority to first 3 cards in
 SearchResultsPage

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../src/app/features/search/components/SearchResultsPage.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/app/features/search/components/SearchResultsPage.tsx b/client/src/app/features/search/components/SearchResultsPage.tsx
index 54f83bf..f31837b 100644
--- a/client/src/app/features/search/components/SearchResultsPage.tsx
+++ b/client/src/app/features/search/components/SearchResultsPage.tsx
@@ -92,9 +92,9 @@ export default function SearchResultsPage({
           </div>
         ) : (
           <ul className="grid list-none grid-cols-1 gap-6 p-0 md:grid-cols-2 lg:grid-cols-3">
-            {items.map((it) => (
+            {items.map((it, index) => (
               <li key={it.id} className="list-none">
-                <HeritageCard item={it} onClickItem={onClickItem} />
+                <HeritageCard item={it} onClickItem={onClickItem} isPriority={index < 3} />
               </li>
             ))}
           </ul>