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({
) : (
- {items.map((it) => (
+ {items.map((it, index) => (
-
-
+
))}
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"
/>
) : (
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 (
- {items.map((it) => (
+ {items.map((it, index) => (
-
-
+
))}