--- id: wiki-2026-0508-first-contentful-paint-fcp title: First Contentful Paint (FCP) category: 10_Wiki/Topics status: duplicate canonical_id: wiki-core-web-vitals duplicate_of: "[[Core-Web-Vitals]]" aliases: [FCP, web vitals, paint timing] source_trust_level: A confidence_score: 0.92 verification_status: redirected tags: [duplicate, web-vitals, fcp, performance] last_reinforced: 2026-05-10 github_commit: pending --- # First Contentful Paint (FCP) > **이 문서는 [[Core-Web-Vitals]] 의 specialization 입니다.** Canonical 문서로 redirect. ## 핵심 요약 - 매 first text/image paint. - 매 target: < 1.8s good, < 3s needs improvement. - 매 LCP 와 다름 (FCP = first 의 anything, LCP = largest). - 매 측정: PerformanceObserver. ```js import { onFCP } from 'web-vitals'; onFCP(({ value }) => analytics.track('FCP', { value })); ``` ## 🔗 Graph - 부모: [[Core-Web-Vitals]] (canonical) - Adjacent: [[Largest-Contentful-Paint-LCP]] · [[E-commerce-Optimization]] ## 🕓 변경 이력 | 날짜 | 변경 | |---|---| | 2026-05-08 | Phase 1 | | 2026-05-10 | 중복 처리 — canonical 문서로 redirect |