From 340728895070eb1eb561f043be3661fab89aad88 Mon Sep 17 00:00:00 2001
From: Timur Carpeev <timuric@users.noreply.github.com>
Date: Tue, 7 Nov 2023 10:50:05 +0100
Subject: [PATCH] Performance optimization (#1007)

---
 src/app/(main)/products/[slug]/page.tsx | 8 +++++++-
 src/ui/components/ProductElement.tsx    | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/(main)/products/[slug]/page.tsx b/src/app/(main)/products/[slug]/page.tsx
index f2c823356..566eefc16 100644
--- a/src/app/(main)/products/[slug]/page.tsx
+++ b/src/app/(main)/products/[slug]/page.tsx
@@ -126,7 +126,13 @@ export default async function Page(props: { params: { slug: string }; searchPara
 		<section className="mx-auto grid max-w-7xl p-8">
 			<form className="grid gap-2 sm:grid-cols-2" action={addItem}>
 				{firstImage && (
-					<ProductImageWrapper alt={firstImage.alt ?? ""} width={1024} height={1024} src={firstImage.url} />
+					<ProductImageWrapper
+						priority={true}
+						alt={firstImage.alt ?? ""}
+						width={1024}
+						height={1024}
+						src={firstImage.url}
+					/>
 				)}
 				<div className="flex flex-col pt-6 sm:px-6 sm:pt-0">
 					<div>
diff --git a/src/ui/components/ProductElement.tsx b/src/ui/components/ProductElement.tsx
index 26cd663c5..a767a5238 100644
--- a/src/ui/components/ProductElement.tsx
+++ b/src/ui/components/ProductElement.tsx
@@ -20,6 +20,7 @@ export function ProductElement({
 							alt={product.thumbnail.alt ?? ""}
 							width={512}
 							height={512}
+							sizes={"512px"}
 							priority={priority}
 						/>
 					)}