diff --git a/.jules/bolt.md b/.jules/bolt.md
index 11eed41..15176e7 100644
--- a/.jules/bolt.md
+++ b/.jules/bolt.md
@@ -20,3 +20,7 @@
 ## 2026-08-08 - 애니메이션 성능을 위해 top/left 대신 transform 사용
 **Learning:** 이 skip-link 전환을 `top`에서 `transform`으로 바꾸면 애니메이션 중 레이아웃 재계산을 피하는 데 유리합니다. 개발자 도구에서 이 전환의 Layout 이벤트가 관찰되지 않았지만, 브라우저·장치별 GPU 가속이나 메인 스레드 비용 0ms를 보장하지는 않습니다.
 **Action:** 레이아웃 속성 대신 `transform` 전환을 우선 검토하고, 성능 효과는 브라우저별 측정으로 확인하며 절대적인 GPU·비용 보장으로 기록하지 않습니다.
+
+## 2024-09-14 - 화면 밖 이미지의 fetchpriority 최적화
+**Learning:** `loading="lazy"`가 적용된 화면 밖 이미지에 `fetchpriority="low"` 힌트를 추가하면 브라우저가 중요한 렌더링 경로(Critical Rendering Path)의 리소스를 우선적으로 가져올 수 있어 초기 로딩 성능에 기여합니다.
+**Action:** 화면 밖에 렌더링되는 이미지들(`loading="lazy"`)에 `fetchpriority="low"`를 적용하여 불필요한 네트워크 경합을 줄입니다.
diff --git a/404.html b/404.html
index 5e5fa8f..b18edfe 100644
--- a/404.html
+++ b/404.html
@@ -56,7 +56,7 @@ <h1 class="not-found-title">페이지를 찾을 수 없습니다</h1>
         height="260"
         loading="lazy"
         decoding="async"
-      >
+       fetchpriority="low">
       <p>
         <span>Founded by</span>
         <a target="_blank" rel="noopener noreferrer" href="https://github.com/seonghobae">Seongho Bae</a>.
diff --git a/index.html b/index.html
index b553382..f278cf5 100644
--- a/index.html
+++ b/index.html
@@ -215,7 +215,7 @@ <h2 id="dikw-title" data-i18n="dikw.title">DIKW는 판단 흐름을 점검하는
           </p>
         </div>
         <!-- ⚡ Bolt: Lazy load off-screen image -->
-        <img class="section-diagram" src="assets/dikw-checkpoints.svg" alt="" aria-hidden="true" loading="lazy" width="1120" height="330" decoding="async">
+        <img class="section-diagram" src="assets/dikw-checkpoints.svg" alt="" aria-hidden="true" loading="lazy" width="1120" height="330" decoding="async" fetchpriority="low">
         <div class="dikw-grid">
           <article>
             <span>Data</span>
@@ -293,7 +293,7 @@ <h2 id="references-title" data-i18n="references.title">참고문헌</h2>
       <section id="logo" class="section logo-story" aria-labelledby="logo-title">
         <div class="logo-mark">
           <!-- ⚡ Bolt: Lazy load off-screen image -->
-          <img src="assets/context-wisdom-lab-avatar.svg" alt="Contextual Wisdom Lab square mark" loading="lazy" width="500" height="500" decoding="async">
+          <img src="assets/context-wisdom-lab-avatar.svg" alt="Contextual Wisdom Lab square mark" loading="lazy" width="500" height="500" decoding="async" fetchpriority="low">
         </div>
         <div>
           <h2 id="logo-title" data-i18n="logo.title">로고는 흩어진 기록을 하나의 흐름으로 묶습니다</h2>
@@ -466,7 +466,7 @@ <h2 id="work-title" data-i18n="work.title">연구에서 제품으로</h2>
         width="920"
         height="260"
         decoding="async"
-      >
+       fetchpriority="low">
       <p>
         <span data-i18n="footer.founded">Founded by</span>
         <a aria-describedby="new-window-desc" target="_blank" rel="noopener noreferrer" href="https://github.com/seonghobae" title="새 창에서 열림" data-i18n-title="common.newTab">Seongho Bae</a>.
diff --git a/tests/test_styles.py b/tests/test_styles.py
index c240d4c..eef7f1f 100644
--- a/tests/test_styles.py
+++ b/tests/test_styles.py
@@ -161,3 +161,13 @@ def test_button_feedback_preserves_focus_and_reduced_motion() -> None:
     assert reduced_motion is not None
     assert "transition-duration: 0.01ms !important;" in reduced_motion.group("body")
     assert "scroll-behavior: auto !important;" in reduced_motion.group("body")
+
+
+def test_lazy_images_have_low_fetchpriority() -> None:
+    """Deferred images should explicitly signal low fetch priority."""
+    lazy_images = [
+        image for image in _homepage_images() if image.get("loading") == "lazy"
+    ]
+
+    assert lazy_images, "the long homepage must retain deferred images"
+    assert all(image.get("fetchpriority") == "low" for image in lazy_images)