웹에서 LCP(Largest Contentful Paint)란 무엇인가요?

Q: 웹에서 LCP(Largest Contentful Paint)란 무엇인가요?

뷰포트 내 가장 큰 콘텐츠 요소(이미지, 텍스트 블록 등)가 렌더링되는 시점을 측정하는 성능 지표이다 LCP는 Core Web Vitals 중 하나로, 페이지의 주요 콘텐츠가 사용자에게 표시되는 속도를 측정합니다. 좋은 LCP는 2.5초 이내이며, 이미지 최적화, 중요 리소스 우선 로드, 서버 응답 속도 개선 등으로 향상시킵니다.

보통 MDN Web Docs

보기 및 정답

A HTML, CSS, JavaScript를 포함한 페이지의 전체 리소스 로드가 완료되는 시점의 총 소요 시간이다

B 뷰포트 내 가장 큰 콘텐츠 요소(이미지, 텍스트 블록 등)가 렌더링되는 시점을 측정하는 성능 지표이다

C 브라우저가 서버에 HTTP 요청을 보낸 후 첫 번째 응답 바이트(TTFB)를 수신하기까지의 시간이다

D 브라우저가 JavaScript 파일을 다운로드하고 파싱하여 실행을 완료하기까지의 총 소요 시간이다

해설

LCP는 Core Web Vitals 중 하나로, 페이지의 주요 콘텐츠가 사용자에게 표시되는 속도를 측정합니다. 좋은 LCP는 2.5초 이내이며, 이미지 최적화, 중요 리소스 우선 로드, 서버 응답 속도 개선 등으로 향상시킵니다.

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

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

정규반 살펴보기

웹에서 LCP(Largest Contentful Paint)란 무엇인가요?

해설

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

관련 문제

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

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