처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈

웹에서 FCP(First Contentful Paint)란?

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

해설

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

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

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

정규반 살펴보기