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