웹에서 FCP(First Contentful Paint)란?

쉬움 MDN Web Docs
보기 및 정답
A 브라우저가 HTML, CSS, JavaScript를 포함한 페이지의 모든 리소스 로드를 완료한 시점이다
B 브라우저가 DOM에서 첫 번째 텍스트, 이미지, SVG 등의 콘텐츠를 화면에 렌더링하는 시점이다
C 사용자가 페이지를 방문한 후 처음으로 버튼 클릭이나 스크롤 등의 상호작용을 시작하는 시점이다
D 브라우저가 외부 CSS 스타일시트를 완전히 다운로드하고 CSSOM 트리로 파싱 완료한 시점이다

해설

FCP(First Contentful Paint)는 브라우저가 첫 번째 의미 있는 콘텐츠(텍스트, 이미지 등)를 화면에 렌더링하는 시점을 측정합니다. 사용자가 '페이지가 로딩되고 있다'고 인식하는 첫 순간이며, 1.8초 이내가 좋은 수준으로 간주됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...