Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP)는 사이트에서 가장 큰 시각적 요소의 로딩 시간을 측정할 수 있는 메트릭입니다.
Core Web Vitals의 가장 중요한 파라미터 중 하나로 여겨지는 Largest Contentful Paint (LCP)는 체감 로드 속도, 즉 웹 페이지의 메인 콘텐츠가 얼마나 빠르게 로드되어 사용자에게 표시되는지를 측정합니다.
Largest Contentful Paint (LCP)란?
Largest Contentful Paint (LCP) 메트릭은 페이지가 처음 로딩을 시작한 시점을 기준으로, 뷰포트 내에서 보이는 가장 큰 이미지 또는 텍스트 블록의 렌더링 시간을 보고합니다.
웹사이트는 Largest Contentful Paint가 2.5초 이하가 되도록 노력해야 합니다.
고려되는 콘텐츠 유형:
- 이미지.
- 이미지 태그.
- 비디오 썸네일.
- CSS를 사용한 배경 이미지.
- 단락, 제목, 목록과 같은 텍스트 요소.
Largest Contentful Paint (LCP)를 개선하는 방법
Largest Contentful Paint (LCP)는 주로 네 가지 요인에 의해 영향을 받습니다:
- 느린 서버 응답 시간
- 렌더링을 차단하는 JavaScript 및 CSS
- 리소스 로드 시간
- 클라이언트 측 렌더링