Merge pull request #120 from SOPT-all/refactor/119-home-banner-lcp

Tnalxmsk · web-flow · commit 78add85455e9 · 2026-05-21T23:17:10.000+09:00
[REFACTOR] 홈 배너 LCP 이미지 로딩 최적화
diff --git a/index.html b/index.html
@@ -28,6 +28,11 @@
       as="font"
       type="font/woff2"
       crossorigin="anonymous" />
+    <link
+      rel="preload"
+      href="/src/shared/assets/images/img-home-banner.png"
+      as="image"
+      fetchpriority="high" />
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/pages/home/components/banner/HomeBanner.tsx b/src/pages/home/components/banner/HomeBanner.tsx
@@ -22,6 +22,8 @@ export const HomeBanner = ({href, className, ...props}: HomeBannerProps) => {
         alt='빠른 배송이 필요할 땐 오늘 구매하면 내일배송'
         width={375}
         height={100}
+        loading='eager'
+        fetchPriority='high'
         className='h-full w-full object-cover'
       />
     </a>
