---
id: [[P-Reinforce|P-Reinforce]]-AUTO-CWVI-001
category: "10_Wiki/💡 Topics/AI"
confidence_score: 0.98
tags: [auto-reinforced, core-web-vitals, web-performance, google-seo, lcp, inp, cls]
last_reinforced: 2026-04-20
---

# [[Core-Web-Vitals|Core-Web-Vitals]]

## 📌 한 줄 통찰 (The Karpathy Summary)
> "웹의 건강 검진표: 로딩 속도, 상호작용성, 시각적 안정성이라는 세 가지 핵심 지표를 통해, 사용자가 웹 사이트에서 느끼는 실제 경험의 질을 수치화하고 검색 엔진 순위까지 결정짓는 구글의 표준 가이드라인."

## 📖 구조화된 지식 (Synthesized Content)
코어 웹 바이탈(Core-Web-Vitals)은 웹 페이지 경험의 질을 측정하기 위해 구글이 정의한 핵심 지표들입니다.

1.  **3대 핵심 지표**:
    *   **LCP (Largest Contentful Paint)**: 주요 콘텐츠가 화면에 나타나는 속도 (로딩 성능).
    *   **INP (Interaction to Next Paint)**: 사용자의 클릭/입력에 대해 화면이 얼마나 빨리 반응하는가 (상호작용성, FID를 대체).
    *   **CLS (Cumulative Layout [[Shift|Shift]])**: 페이지 로드 중 콘텐츠가 갑자기 움직이는 현상 (시각적 안정성).
2.  **왜 중요한가?**:
    *   단순히 '빠른 웹'을 넘어 '사용자가 쾌적함을 느끼는 웹'의 기준을 제시하며, 구글 검색 상위 노출(SEO)의 필수 조건임. (SEO Best Practices와 연결)

## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
- **과거 데이터와의 충돌**: 과거에는 단순히 '전체 페이지 로딩 시간' 정책에 집중했으나, 현대 정책은 실제 사용자가 느끼는 '첫 인상'과 '반응 속도' 정책인 코어 웹 바이탈 정책으로 정밀화됨(RL Update).
- **정책 변화(RL Update)**: 2024년 3월부터 FID(First Input Delay) 정책이 INP 정책으로 공식 교체됨에 따라, 웹 사이트 전반의 상호작용 지연을 더 엄격하게 측정하고 개선하는 정책이 강제됨.

## 🔗 지식 연결 (Graph)
- [[Browser|Browser]], Chrome DevTools, Analysis, [[Technical-Architecture|Technical-Architecture]], [[Optimization|Optimization]]
- **Modern Tech/Tools**: [[PageSpeed Insights|PageSpeed Insights]], Lighthouse, [[Search|Search]] Console.
---
