Performance optimization (#1007)

saleor · Nov 7, 2023 · 3407288 · 3407288
1 parent 3ef2c41
commit 3407288
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -20,6 +20,7 @@ export function ProductElement({
 							alt={product.thumbnail.alt ?? ""}
 							width={512}
 							height={512}
+							sizes={"512px"}
 							priority={priority}
 						/>
 					)}