41 lines
1.1 KiB
Markdown
41 lines
1.1 KiB
Markdown
---
|
|
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 |
|