Connor Clark
게시일: 2025년 10월 8일
콘텐츠가 포함된 최대 페인트 (LCP)는 사용자가 페이지로 처음 이동한 시점을 기준으로 표시 영역에 표시되는 가장 큰 이미지, 텍스트 블록 또는 동영상의 렌더링 시간을 보고합니다. LCP를 최적화할 때는 하위 부분으로 나누는 것이 좋습니다. 각 LCP 하위 파트에는 해당 파트에 맞는 개선 전략이 있습니다. 이상적으로는 대부분의 LCP 시간이 지연이 아닌 리소스 로드에 소요되어야 합니다.
하위 부분은 다음과 같습니다.
| LCP 하위 파트 | 설명 |
|---|---|
| 첫 바이트까지의 시간 (TTFB) | 사용자가 페이지 로드를 시작한 시점부터 브라우저가 HTML 문서 응답의 첫 번째 바이트를 수신할 때까지의 시간입니다. |
| 리소스 로드 지연 | TTFB와 브라우저가 LCP 리소스 로드를 시작하는 시점 사이의 시간입니다. LCP 요소가 렌더링을 위해 리소스 로드가 필요하지 않은 경우 (예: 요소가 시스템 글꼴로 렌더링된 텍스트 노드인 경우) 이 시간은 0입니다. |
| 리소스 로드 시간 | LCP 리소스 자체를 로드하는 데 걸리는 시간입니다. LCP 요소가 렌더링을 위해 리소스 로드가 필요하지 않은 경우 이 시간은 0입니다. |
| 요소 렌더링 지연 | LCP 리소스의 로드가 완료된 시점과 LCP 요소가 완전히 렌더링된 시점 사이의 시간입니다. |
이 통계를 전달하는 방법
이 통계는 LCP가 측정된 경우 항상 정보 제공 목적으로 표시됩니다.
LCP를 2.5초 이하로 타겟팅하고 각 단계의 시간을 최대한 줄이세요. 특히 지연 단계의 시간을 줄이세요. 구체적인 전략은 최대 콘텐츠 렌더링 시간 최적화를 참고하세요.