--- id: wiki-2026-0508-pagespeed-insights title: PageSpeed Insights category: 10_Wiki/Topics status: needs_review canonical_id: self aliases: [P-Reinforce-AUTO-FB1C7F] duplicate_of: none source_trust_level: A confidence_score: 0.9 tags: [auto-reinforced] raw_sources: [] last_reinforced: 2026-04-20 github_commit: "[P-Reinforce] Continuous Worker - PageSpeed Insights" inferred_by: Claude Opus 4.7 (auto-normalize 2026-05-08) tech_stack: language: unspecified framework: unspecified --- # [[PageSpeed Insights]] ## πŸ“Œ ν•œ 쀄 톡찰 (The Karpathy Summary) > PageSpeed InsightsλŠ” μ›Ή νŽ˜μ΄μ§€μ˜ λ‘œλ”© 속도와 μ‚¬μš©μž κ²½ν—˜ μ„±λŠ₯을 μΈ‘μ •ν•˜κ³  κ°œμ„ μ„ μœ„ν•œ 진단 κ²°κ³Όλ₯Ό μ œκ³΅ν•˜λŠ” λ„κ΅¬μž…λ‹ˆλ‹€. 이 λ„κ΅¬μ˜ 진단 κΈ°λŠ₯은 주둜 [[Lighthouse]]에 μ˜ν•΄ κ΅¬λ™λ˜λ©°, μ΅œκ·Όμ—λŠ” INP(Interaction to Next Paint)λ₯Ό λΉ„λ‘―ν•œ μ½”μ–΄ μ›Ή λ°”μ΄νƒˆ([[Core Web Vitals]]) μ§€ν‘œλ₯Ό ν†΅ν•©ν•˜μ—¬ μ›Ήμ‚¬μ΄νŠΈμ˜ μ „λ°˜μ μΈ λ°˜μ‘μ„±μ„ ν‰κ°€ν•©λ‹ˆλ‹€ [1-3]. ## πŸ“– κ΅¬μ‘°ν™”λœ 지식 (Synthesized Content) * **Lighthouse 기반의 진단 μ—”μ§„:** PageSpeed Insightsμ—μ„œ μ œκ³΅ν•˜λŠ” μ„±λŠ₯ 진단 및 κ°œμ„  ꢌμž₯ 사항은 νŽ˜μ΄μ§€ 속도 μΈ‘μ • 무료 도ꡬ인 Lighthouse의 μ½”μ–΄ 엔진을 기반으둜 κ΅¬λ™λ©λ‹ˆλ‹€ [1]. * **μ½”μ–΄ μ›Ή λ°”μ΄νƒˆ(Core Web Vitals) 평가:** PageSpeed InsightsλŠ” μ›Ή μ„±λŠ₯을 ν‰κ°€ν•˜λŠ” ν•„μˆ˜ μΈ‘μ • 기쀀인 μ½”μ–΄ μ›Ή λ°”μ΄νƒˆμ„ λΆ„μ„ν•˜λŠ” μ£Όμš” 도ꡬ 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€. 과거의 FID(First Input Delay) μ§€ν‘œλ₯Ό λŒ€μ‹ ν•˜μ—¬, μ΄μ œλŠ” μ‚¬μš©μžμ˜ λͺ¨λ“  μƒν˜Έμž‘μš© μ§€μ—° μ‹œκ°„μ„ ν¬κ΄„μ μœΌλ‘œ μΈ‘μ •ν•˜λŠ” INP(Interaction to Next Paint) μ§€ν‘œλ₯Ό ν‰κ°€ν•˜λ„λ‘ μ—…λ°μ΄νŠΈλ˜μ—ˆμŠ΅λ‹ˆλ‹€ [2, 3]. * **데이터 ν‘œμΆœμ˜ ν•œκ³„μ :** PageSpeed InsightsλŠ” μœ μš©ν•œ μ„±λŠ₯ μ§€ν‘œλ₯Ό μ œκ³΅ν•˜μ§€λ§Œ, λͺ¨λ“  μ„ΈλΆ€ 데이터λ₯Ό 직접 λ³΄μ—¬μ£Όμ§€λŠ” μ•ŠμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, λ‘œλ”© 속도 μ €ν•˜μ˜ μ •ν™•ν•œ 원인을 νŒŒμ•…ν•˜λŠ” 데 μœ μš©ν•œ 크둬 μ‚¬μš©μž κ²½ν—˜ λ³΄κ³ μ„œ([[CrUX]])의 LCP(Largest Contentful Paint) ν•˜μœ„ μš”μ†Œ(subp[[Arts]]) μ‹€μ œ μ‚¬μš©μž λ°μ΄ν„°λŠ” PageSpeed Insights 화면에 ν‘œμΆœλ˜μ§€ μ•ŠμœΌλ©°, 이λ₯Ό ν™•μΈν•˜λ €λ©΄ CrUX Visλ‚˜ DebugBear와 같은 μ™ΈλΆ€ 도ꡬλ₯Ό μ΄μš©ν•΄μ•Ό ν•©λ‹ˆλ‹€ [4, 5]. ## ⚠️ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (Contradictions & Updates) - **κ³Όκ±° λ°μ΄ν„°μ™€μ˜ 좩돌:** μžλ™ν™” 엔진에 μ˜ν•΄ λ§€ν•‘λœ μ§€μ‹μœΌλ‘œ, μΆ”ν›„ μ •λ°€ 검증 ν•„μš”. - **μ •μ±… λ³€ν™”:** AI λΆ„μ•Όμ˜ μžλ™ μžμ‚°ν™” μˆ˜ν–‰. ## πŸ”— 지식 μ—°κ²° (Graph) - **Related Topics:** [[Lighthouse]], [[Core Web Vitals]], [[Interaction to Next Paint (INP)]], [[Largest Contentful Paint (LCP)]] - **Projects/Contexts:** [[Web Performance Optimization]], [[Chrome]] User Experience Report (CrUX) - **Contradictions/Notes:** PageSpeed InsightsλŠ” μ›Ή μ„±λŠ₯을 ν‰κ°€ν•˜λŠ” 곡식적이고 κ°•λ ₯ν•œ λ„κ΅¬μ΄μ§€λ§Œ, LCP ν•˜μœ„ μš”μ†Œ 데이터와 같은 νŠΉμ • μ„ΈλΆ€ μ§€ν‘œλŠ” 도ꡬ λ‚΄μ—μ„œ 직접 확인할 수 μ—†μ–΄ λ‹€λ₯Έ μ‹œκ°ν™” λ„κ΅¬μ˜ 병행 μ‚¬μš©μ΄ ν•„μš”ν•  수 μžˆμŠ΅λ‹ˆλ‹€ [5]. --- *Last updated: 2026-04-19* --- ## πŸ€– LLM ν™œμš© 힌트 (How to Use This Knowledge) **μ–Έμ œ 이 지식을 μ“°λŠ”κ°€:** - *(TODO)* **μ–Έμ œ μ“°λ©΄ μ•ˆ λ˜λŠ”κ°€:** - *(TODO)* ## πŸ§ͺ 검증 μƒνƒœ (Validation) - **정보 μƒνƒœ:** needs_review - **좜처 신뒰도:** A - **κ²€ν†  이유:** *(P-Reinforce Phase 1 μžλ™ μ •κ·œν™”. λ³Έλ¬Έ 검증 ν•„μš”.)* ## 🧬 쀑볡 검사 (Duplicate Check) - **κΈ°μ‘΄ μœ μ‚¬ λ¬Έμ„œ:** *(TODO: μΈλ±μ„œ ν΄λŸ¬μŠ€ν„° 리포트 μ°Έμ‘°)* - **처리 방식:** UPDATE (μžλ™ μ •κ·œν™”) - **처리 이유:** Phase 1 μ •κ·œν™” β€” μ˜› ν…œν”Œλ¦Ώ/λˆ„λ½ ν•„λ“œ 보강. ## πŸ•“ λ³€κ²½ 이λ ₯ (Changelog) | λ‚ μ§œ | λ³€κ²½ λ‚΄μš© | 처리 방식 | 신뒰도 | |------|-----------|-----------|--------| | 2026-05-08 | P-Reinforce Phase 1 μ •κ·œν™” (frontmatter + 헀더 ν‘œμ€€ν™”) | UPDATE | A | ## πŸ’» μ½”λ“œ νŒ¨ν„΄ (Code Patterns) **νŒ¨ν„΄ 1:** *(TODO: 이 ν”„λ‘œμ νŠΈ μ»¨λ²€μ…˜ λ°˜μ˜ν•œ ꡬ쑰 μŠ€μΌˆλ ˆν†€)* ```text # TODO ``` ## πŸ€” μ˜μ‚¬κ²°μ • κΈ°μ€€ (Decision Criteria) **선택 Aλ₯Ό 써야 ν•  λ•Œ:** - *(TODO)* **선택 Bλ₯Ό 써야 ν•  λ•Œ:** - *(TODO)* **κΈ°λ³Έκ°’:** > *(TODO)* ## ❌ μ•ˆν‹°νŒ¨ν„΄ (Anti-Patterns) - **[μ•ˆν‹°νŒ¨ν„΄]:** *(TODO: 무엇을 ν•˜λ©΄ μ•ˆ λ˜λŠ”κ°€ + 이유 + λŒ€μ‹  무엇을)*