bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[G1-Sync] Manual knowledge update

Browse Source
This commit is contained in:
Antigravity Agent
2026-04-30 22:42:02 +09:00
parent 0bd4f19e38
commit c36c0644a1
4888 changed files with 18470 additions and 18602 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics/Cumulative-Layout-Shift-CLS.md
+3 -3
View File
@@ -2,14 +2,14 @@
id: PERF-CWV-CLS-001
category: "10_Wiki/💡 Topics/AI"
confidence_score: 1.0
tags: [core-web-vitals, cls, performance, ux, visual-stability, frontend-optimization, seo]
tags: [[[Core-Web-Vitals]], cls, performance, ux, visual-[[Stability]], [[Frontend]]-[[Optimization]], seo]
last_reinforced: 2026-04-26
---
# Cumulative Layout Shift: CLS (누적 레이아웃 이동)
# Cumulative Layout [[Shift]]: CLS (누적 레이아웃 이동)
## 📌 한 줄 통찰 (The Karpathy Summary)
> "사용자가 읽거나 클릭하려는 순간 콘텐츠가 춤추듯 이동하는 '시각적 불안정성'을 제거하고, 0.08초 이내의 고정된 안정감을 제공하여 인지적 마찰을 차단하라" — 페이지의 전체 수명 동안 발생하는 예기치 않은 레이아웃 이동을 측정하는 Core Web Vitals의 핵심 사용자 경험 지표.
> "사용자가 읽거나 클릭하려는 순간 콘텐츠가 춤추듯 이동하는 '시각적 불안정성'을 제거하고, 0.08초 이내의 고정된 안정감을 제공하여 인지적 마찰을 차단하라" — 페이지의 전체 수명 동안 발생하는 예기치 않은 레이아웃 이동을 측정하는 [[Core Web Vitals]]의 핵심 사용자 경험 지표.
## 📖 구조화된 지식 (Synthesized Content)
- **추출된 패턴:** "Predictive Space Allocation and Visual Isolation" — 콘텐츠가 로드되기 전에 브라우저가 필요한 공간을 미리 예약하여, 데이터 로딩 전후의 시각적 불일치를 제로로 만드는 패턴.