From 281332ad14b91fdaf3e86f77fa87c8a7f16ef955 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 22 Apr 2026 00:49:45 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B3=B4=EC=8A=A4=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20loading=3Dlazy,=20decoding=3Dasync=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

이전 revert 과정에서 함께 사라졌던 이미지 비동기 로딩 속성 복원.
애니메이션과 무관한 최적화이므로 유지.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/features/boss-crystal/pc/user/BossSelector.jsx   | 2 +-
 frontend/src/features/boss-crystal/pc/user/CharacterPanel.jsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/boss-crystal/pc/user/BossSelector.jsx b/frontend/src/features/boss-crystal/pc/user/BossSelector.jsx
index 5b3ac64..b5ac641 100644
--- a/frontend/src/features/boss-crystal/pc/user/BossSelector.jsx
+++ b/frontend/src/features/boss-crystal/pc/user/BossSelector.jsx
@@ -102,7 +102,7 @@ export default function BossSelector({ characterName, bosses, selections, onChan
                     className="shrink-0 w-11 h-11 rounded-lg overflow-hidden"
                     style={{ background: 'var(--surface-nested)' }}
                   >
-                    <img src={boss.image_url || '/default.png'} alt={boss.name} className="w-full h-full object-cover" />
+                    <img src={boss.image_url || '/default.png'} alt={boss.name} loading="lazy" decoding="async" className="w-full h-full object-cover" />
                   </div>
                   <span className="text-base font-medium leading-tight whitespace-nowrap overflow-hidden text-ellipsis">{boss.name}</span>
                 </div>
diff --git a/frontend/src/features/boss-crystal/pc/user/CharacterPanel.jsx b/frontend/src/features/boss-crystal/pc/user/CharacterPanel.jsx
index 5e9a21f..70ebd33 100644
--- a/frontend/src/features/boss-crystal/pc/user/CharacterPanel.jsx
+++ b/frontend/src/features/boss-crystal/pc/user/CharacterPanel.jsx
@@ -48,6 +48,8 @@ function CharacterContent({ char, selections, bosses }) {
               className="w-full h-full object-contain scale-[3] origin-center select-none"
               style={{ imageRendering: 'pixelated' }}
               draggable={false}
+              loading="lazy"
+              decoding="async"
             />
           ) : (
             <span className="text-4xl" style={{ color: 'var(--text-dim)' }}>?</span>
@@ -79,7 +81,7 @@ function CharacterContent({ char, selections, bosses }) {
                           borderColor: 'var(--panel-border)',
                         }}
                       >
-                        <img src={item.boss.image_url || '/default.png'} alt="" draggable={false} className="w-full h-full object-cover select-none" />
+                        <img src={item.boss.image_url || '/default.png'} alt="" draggable={false} loading="lazy" decoding="async" className="w-full h-full object-cover select-none" />
                       </div>
                       <div className="flex justify-center">
                         <div