From b145cf4a38fa74aaa8371529d86cde33ffe2a018 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Sun, 19 Jul 2026 14:01:38 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=20Bolt:=20SVG=20=EB=B0=8F=20=EC=A4=91?=
=?UTF-8?q?=EC=9A=94=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EC=9D=98=20=EB=B6=88?=
=?UTF-8?q?=ED=95=84=EC=9A=94=ED=95=9C=20=EB=B9=84=EB=8F=99=EA=B8=B0=20?=
=?UTF-8?q?=EB=94=94=EC=BD=94=EB=94=A9=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.jules/bolt.md | 4 ++++
index.html | 9 ++++-----
tests/test_styles.py | 9 +++++++--
3 files changed, 15 insertions(+), 7 deletions(-)
diff --git a/.jules/bolt.md b/.jules/bolt.md
index c10fb9b..2377599 100644
--- a/.jules/bolt.md
+++ b/.jules/bolt.md
@@ -12,3 +12,7 @@
## 2026-07-10 - Remove unnecessary DOMPurify for performance
**Learning:** 애플리케이션이 `textContent`와 같은 안전한 DOM API만 사용하고 `innerHTML` 등의 위험한 싱크를 사용하지 않는다면 DOMPurify와 같은 라이브러리를 통해 Trusted Types 정책을 생성할 필요가 없음.
**Action:** 불필요한 번들 다운로드 및 스크립트 실행을 방지하기 위해 사용하지 않는 라이브러리를 식별하고 제거할 것.
+
+## 2024-07-19 - SVG 및 LCP 이미지에 decoding="async" 속성 사용 지양
+**Learning:** SVG 이미지는 디코딩(decode)이 아닌 파싱(parse)의 대상이므로 `decoding="async"` 속성이 무의미하며, LCP(Largest Contentful Paint) 대상 이미지나 중요 렌더링 경로의 이미지에 이 속성을 부여하면 동기적 렌더링이 지연되어 오히려 성능에 악영향을 줍니다.
+**Action:** 화면 밖에 있거나 레이지 로드(lazy-load)되는 래스터(raster) 이미지에만 `decoding="async"` 속성을 적용하여 메인 스레드 블로킹을 방지해야 합니다.
diff --git a/index.html b/index.html
index c40fea3..29a71ea 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,7 @@
본문으로 건너뛰기