docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links
This commit is contained in:
Antigravity Agent
@@ -1,5 +1,5 @@
|
||||
---
|
||||
id: [[P-Reinforce]]-AI-045
|
||||
id: [[P-Reinforce|P-Reinforce]]-AI-045
|
||||
category: "10_Wiki/💡 Topics/Design & Web Performance"
|
||||
confidence_score: 0.98
|
||||
tags: [web, performance, web vitals, user experience]
|
||||
@@ -7,7 +7,7 @@ last_reinforced: 2026-06-XX
|
||||
github_commit: "[P-Reinforce] Processed Core_Web_Vitals.md"
|
||||
---
|
||||
|
||||
# [[Core Web Vitals]] (핵심 웹 지표)
|
||||
# [[Core Web Vitals|Core Web Vitals]] (핵심 웹 지표)
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 구글이 제시하는 사용자 경험 중심의 핵심 측정 기준들로, 단순한 기술 스펙을 넘어 실제 사용자가 체감하는 페이지 로딩 속도와 인터랙션 품질을 종합적으로 평가한다.
|
||||
@@ -17,15 +17,15 @@ github_commit: "[P-Reinforce] Processed Core_Web_Vitals.md"
|
||||
- **세부 구성 요소:**
|
||||
1. **LCP (Largest Contentful Paint):** 사용자가 페이지에서 가장 큰 콘텐츠가 로드되는 시점의 시간 측정. (인지적 만족도와 직결).
|
||||
2. **FID (First Input Delay) / INP (Interaction to Next Paint):** 사용자의 첫 번째 입력(클릭, 터치 등)을 시스템이 인지하고 반응하는 데 걸리는 지연 시간 측정. (반응성 평가). *최근에는 FID 대신 INP가 표준화되는 추세.*
|
||||
3. **CLS (Cumulative Layout [[Shift]]):** 콘텐츠가 로드되거나 변경될 때 레이아웃이 얼마나 불안정하게 흔들리는지를 측정. (시각적 안정성 평가).
|
||||
- **기술적 중요성:** 이 지표들은 단순히 [[Lighthouse]] 점수 몇 점을 넘기는 것을 넘어, 웹 애플리케이션의 아키텍처(Code Splitting, Lazy Loading) 설계와 직접 연관되어 최적화가 요구된다.
|
||||
3. **CLS (Cumulative Layout [[Shift|Shift]]):** 콘텐츠가 로드되거나 변경될 때 레이아웃이 얼마나 불안정하게 흔들리는지를 측정. (시각적 안정성 평가).
|
||||
- **기술적 중요성:** 이 지표들은 단순히 [[Lighthouse|Lighthouse]] 점수 몇 점을 넘기는 것을 넘어, 웹 애플리케이션의 아키텍처(Code Splitting, Lazy Loading) 설계와 직접 연관되어 최적화가 요구된다.
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 과거에는 단순히 로딩 바 속도만 중요하게 여겼으나, 이제는 LCP/FID/CLS를 통해 '사용자가 체감하는 경험'이라는 관점으로 패러다임이 완전히 전환되었다.
|
||||
- **정책 변화:** 기술적 개선(예: [[WebGPU]] 도입)만큼이나 사용자에게 이 성능 향상을 어떻게 인지시키고 가치를 전달할 것인지(UX 측면)가 중요해지고 있다.
|
||||
- **정책 변화:** 기술적 개선(예: [[WebGPU|WebGPU]] 도입)만큼이나 사용자에게 이 성능 향상을 어떻게 인지시키고 가치를 전달할 것인지(UX 측면)가 중요해지고 있다.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- Parent: [[Web Performance Optimization]]
|
||||
- Related: [[Largest Contentful Paint (LCP)]] , [[Interaction to Next Paint (INP)]] , [[Cumulative Layout Shift (CLS)]]
|
||||
- Parent: [[Web Performance Optimization|Web Performance Optimization]]
|
||||
- Related: [[Largest Contentful Paint (LCP)|Largest Contentful Paint (LCP]] , Interaction to Next Paint (INP) , [[Cumulative-Layout-Shift-CLS|Cumulative Layout Shift (CLS]]
|
||||
|
||||
---
|
||||
@@ -1,4 +1,4 @@
|
||||
# Index: Topics > Design & Web Performance
|
||||
|
||||
## 📝 Documents
|
||||
- [[Core Web Vitals]]
|
||||
- [[Core Web Vitals|Core Web Vitals]]
|
||||
|
||||
Reference in New Issue
Block a user