From 8f1d4f3c2b6b65292f6d797ebafa7456b5463033 Mon Sep 17 00:00:00 2001 From: seonghobae <8172694+seonghobae@users.noreply.github.com> Date: Wed, 16 Sep 2026 14:28:16 +0000 Subject: [PATCH 01/10] =?UTF-8?q?=E2=9A=A1=20Bolt:=20[=EC=84=B1=EB=8A=A5?= =?UTF-8?q?=20=EA=B0=9C=EC=84=A0]=20=EC=A7=80=EC=97=B0=20=EB=A1=9C?= =?UTF-8?q?=EB=93=9C=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EC=97=90=20fetchpriorit?= =?UTF-8?q?y=3Dlow=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .jules/bolt.md | 4 ++++ 404.html | 2 +- index.html | 6 +++--- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/.jules/bolt.md b/.jules/bolt.md index 11eed41..236e038 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-16 - lazy 이미지에 fetchpriority="low" 적용하여 성능 최적화 +**Learning:** `loading="lazy"`가 적용된 오프스크린 이미지라도 브라우저가 파싱 시점에 리소스 우선순위를 명확히 알 수 있도록 `fetchpriority="low"`를 추가하면, 메인 스레드 렌더링 경로의 핵심 리소스(예: LCP 후보)에 네트워크 자원을 더 집중하게 할 수 있습니다. +**Action:** 지연 로드되는 이미지에는 항상 `fetchpriority="low"`를 함께 지정하여 브라우저의 리소스 가져오기 우선순위를 명시적으로 낮춥니다. diff --git a/404.html b/404.html index 5e5fa8f..251a788 100644 --- a/404.html +++ b/404.html @@ -54,7 +54,7 @@

페이지를 찾을 수 없습니다

alt="맥락지혜 연구실 · Contextual Wisdom Lab" width="920" height="260" - loading="lazy" + loading="lazy" fetchpriority="low" decoding="async" >

diff --git a/index.html b/index.html index b553382..541a8f5 100644 --- a/index.html +++ b/index.html @@ -215,7 +215,7 @@

DIKW는 판단 흐름을 점검하는

- +
Data @@ -293,7 +293,7 @@

참고문헌