feat: 画像をさらに最適化

Yoshino-Yukitaro · Mar 15, 2024 · c59c99b · c59c99b
1 parent 5d9329a
commit c59c99b
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/pages/introduction.astro b/src/pages/introduction.astro
@@ -13,7 +13,7 @@ import qiita from "../images/qiita.png";
   <article class="flex flex-col justify-center text-center p-2">
     <h1 class="text-5xl p-10">自己紹介</h1>
     <span class="flex justify-center"
-      ><Image src={glaceon} alt="ゆっきーのアイコン" width="150" height="150" class="align-center" fetchpriority="high" decoding="async" />
+      ><Image src={glaceon} alt="ゆっきーのアイコン" width="150" height="150" class="align-center" fetchpriority="high" decoding="async" loading="eager" />
     </span>
     <h3 class="text-4xl p-5">ゆっきー</h3>
     <div>
@@ -30,7 +30,7 @@ import qiita from "../images/qiita.png";
             alt="twitterアカウント"
             width="100"
             height="90"
-            class="m-auto py-8 hover:opacity-50" decoding="async" />
+            class="m-auto py-8 hover:opacity-50" decoding="async" loading="eager" />
           </a>
         </li>
         <li>
@@ -39,7 +39,7 @@ import qiita from "../images/qiita.png";
             <Image src={soraAozora} alt="Blueskyアカウント"
             width="100"
             height="84"
-            class="m-auto py-8 hover:opacity-50" decoding="async" />
+            class="m-auto py-8 hover:opacity-50" decoding="async" loading="eager" />
           </a>
         </li>
         <li>
@@ -48,7 +48,7 @@ import qiita from "../images/qiita.png";
             <Image src={githubMark} alt="githubアカウント"
             width="100"
             height="100"
-            class="m-auto py-8 hover:opacity-50" decoding="async" />
+            class="m-auto py-8 hover:opacity-50" decoding="async" loading="eager" />
           </a>
         </li>
         <li>
@@ -57,7 +57,7 @@ import qiita from "../images/qiita.png";
             <Image src={qiita} alt="qiitaアカウント"
             width="100"
             height="100"
-            class="m-auto py-8 hover:opacity-50" decoding="async" />
+            class="m-auto py-8 hover:opacity-50" decoding="async" loading="eager" />
           </a>
         </li>
       </ul>