feat: 상품 이미지에 lazy 속성 추가

woowacourse-teams · Sep 21, 2023 · 74feca1 · 74feca1
1 parent 266c0da
commit 74feca1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/frontend/src/components/Product/ProductItem/ProductItem.tsx b/frontend/src/components/Product/ProductItem/ProductItem.tsx
@@ -24,6 +24,7 @@ const ProductItem = ({ product }: ProductItemProps) => {
             width={90}
             height={90}
             alt={`${name}사진`}
+            loading="lazy"
             onLoad={() => setIsImageLoading(false)}
           />
           {isImageLoading && <Skeleton width={90} height={90} />}

diff --git a/frontend/src/pages/HomePage.tsx b/frontend/src/pages/HomePage.tsx
@@ -21,7 +21,7 @@ const HomePage = () => {
     <>
       <section>
         <Link href={'https://www.instagram.com/p/CxNKXhfyZdw/?igshid=MzRlODBiNWFlZA=='} isExternal>
-          <Banner src={`${IMAGE_URL}banner.png`} width={600} height={360} loading="lazy" alt="이벤트 배너" />
+          <Banner src={`${IMAGE_URL}banner.png`} width={600} height={360} alt="이벤트 배너" />
         </Link>
       </section>
       <Spacing size={40} />