--- id: 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]] ## πŸ“Œ ν•œ 쀄 톡찰 (The Karpathy Summary) > "μ›Ήμ˜ 건강 κ²€μ§„ν‘œ: λ‘œλ”© 속도, μƒν˜Έμž‘μš©μ„±, μ‹œκ°μ  μ•ˆμ •μ„±μ΄λΌλŠ” μ„Έ κ°€μ§€ 핡심 μ§€ν‘œλ₯Ό 톡해, μ‚¬μš©μžκ°€ μ›Ή μ‚¬μ΄νŠΈμ—μ„œ λŠλΌλŠ” μ‹€μ œ κ²½ν—˜μ˜ μ§ˆμ„ μˆ˜μΉ˜ν™”ν•˜κ³  검색 μ—”μ§„ μˆœμœ„κΉŒμ§€ κ²°μ •μ§“λŠ” κ΅¬κΈ€μ˜ ν‘œμ€€ κ°€μ΄λ“œλΌμΈ." ## πŸ“– κ΅¬μ‘°ν™”λœ 지식 (Synthesized Content) μ½”μ–΄ μ›Ή λ°”μ΄νƒˆ(Core-Web-Vitals)은 μ›Ή νŽ˜μ΄μ§€ κ²½ν—˜μ˜ μ§ˆμ„ μΈ‘μ •ν•˜κΈ° μœ„ν•΄ ꡬ글이 μ •μ˜ν•œ 핡심 μ§€ν‘œλ“€μž…λ‹ˆλ‹€. 1. **3λŒ€ 핡심 μ§€ν‘œ**: * **LCP (Largest Contentful Paint)**: μ£Όμš” μ½˜ν…μΈ κ°€ 화면에 λ‚˜νƒ€λ‚˜λŠ” 속도 (λ‘œλ”© μ„±λŠ₯). * **INP (Interaction to Next Paint)**: μ‚¬μš©μžμ˜ 클릭/μž…λ ₯에 λŒ€ν•΄ 화면이 μ–Όλ§ˆλ‚˜ 빨리 λ°˜μ‘ν•˜λŠ”κ°€ (μƒν˜Έμž‘μš©μ„±, FIDλ₯Ό λŒ€μ²΄). * **CLS (Cumulative Layout Shift)**: νŽ˜μ΄μ§€ λ‘œλ“œ 쀑 μ½˜ν…μΈ κ°€ κ°‘μžκΈ° μ›€μ§μ΄λŠ” ν˜„μƒ (μ‹œκ°μ  μ•ˆμ •μ„±). 2. **μ™œ μ€‘μš”ν•œκ°€?**: * λ‹¨μˆœνžˆ 'λΉ λ₯Έ μ›Ή'을 λ„˜μ–΄ 'μ‚¬μš©μžκ°€ μΎŒμ ν•¨μ„ λŠλΌλŠ” μ›Ή'의 기쀀을 μ œμ‹œν•˜λ©°, ꡬ글 검색 μƒμœ„ λ…ΈμΆœ(SEO)의 ν•„μˆ˜ μ‘°κ±΄μž„. (SEO Best Practices와 μ—°κ²°) ## ⚠️ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (Contradictions & RL Update) - **κ³Όκ±° λ°μ΄ν„°μ™€μ˜ 좩돌**: κ³Όκ±°μ—λŠ” λ‹¨μˆœνžˆ '전체 νŽ˜μ΄μ§€ λ‘œλ”© μ‹œκ°„' 정책에 μ§‘μ€‘ν–ˆμœΌλ‚˜, ν˜„λŒ€ 정책은 μ‹€μ œ μ‚¬μš©μžκ°€ λŠλΌλŠ” '첫 인상'κ³Ό 'λ°˜μ‘ 속도' 정책인 μ½”μ–΄ μ›Ή λ°”μ΄νƒˆ μ •μ±…μœΌλ‘œ 정밀화됨(RL Update). - **μ •μ±… λ³€ν™”(RL Update)**: 2024λ…„ 3μ›”λΆ€ν„° FID(First Input Delay) 정책이 INP μ •μ±…μœΌλ‘œ 곡식 ꡐ체됨에 따라, μ›Ή μ‚¬μ΄νŠΈ μ „λ°˜μ˜ μƒν˜Έμž‘μš© 지연을 더 μ—„κ²©ν•˜κ²Œ μΈ‘μ •ν•˜κ³  κ°œμ„ ν•˜λŠ” 정책이 κ°•μ œλ¨. ## πŸ”— 지식 μ—°κ²° (Graph) - [[Browser]], [[Chrome DevTools]], [[Analysis]], [[Technical-Architecture]], [[Optimization]] - **Modern Tech/Tools**: PageSpeed Insights, Lighthouse, Search Console. ---