feat: preload 이미지 media 쿼리 설정 (SP-694)

Ludo-SMP · Aug 27, 2024 · 17d155a · 17d155a
1 parent 381aae4
commit 17d155a
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -4,21 +4,37 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/ludo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preload" fetchpriority="high" as="image" href="./src/Assets/images/banner1.webp" type="image/webp" />
-    <link rel="preload" fetchpriority="high" as="image" href="./src/Assets/images/banner2.webp" type="image/webp" />
+    <link
+      rel="preload"
+      fetchpriority="high"
+      as="image"
+      href="./src/Assets/images/banner1.webp"
+      type="image/webp"
+      media="(min-width: 500px)"
+    />
+    <link
+      rel="preload"
+      fetchpriority="high"
+      as="image"
+      href="./src/Assets/images/banner2.webp"
+      type="image/webp"
+      media="(min-width: 500px)"
+    />
     <link
       rel="preload"
       fetchpriority="high"
       as="image"
       href="./src/Assets/images/mobilebanner1.webp"
       type="image/webp"
+      media="(max-width: 499px)"
     />
     <link
       rel="preload"
       fetchpriority="high"
       as="image"
       href="./src/Assets/images/mobilebanner2.webp"
       type="image/webp"
+      media="(max-width: 499px)"
     />
     <link
       rel="preload"