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

웹에서 TTFB(Time To First Byte)와 FCP(First Contentful Paint)의 차이점은?

보통 MDN Web Docs
보기 및 정답
A TTFB는 서버 응답의 첫 바이트가 도착하는 시간이고, FCP는 화면에 첫 콘텐츠가 렌더링되는 시간이다
B FCP는 서버 응답의 첫 바이트보다 항상 먼저 발생하며, TTFB보다 시간상 선행하는 지표이다
C TTFB는 브라우저의 클라이언트 측 렌더링 성능 지표이고, FCP는 서버의 응답 속도를 측정하는 지표이다
D TTFB와 FCP는 모두 서버 응답 시간을 측정하는 동일한 지표이며, 같은 시점을 나타낸다

해설

TTFB는 브라우저가 요청을 보낸 후 서버로부터 첫 번째 바이트를 수신하기까지의 시간으로, 서버 성능을 반영합니다. FCP는 페이지에 텍스트, 이미지 등 첫 번째 콘텐츠가 화면에 그려지는 시점으로, 사용자 체감 속도를 반영합니다. 항상 TTFB 이후에 FCP가 발생합니다.

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

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

정규반 살펴보기