Skip to Content
Suffering builds character

3. LCP 개선하기

LCP를 최적화한다는 것은 앞에서 살펴본 LCP의 세부 구성 요소들을 최적화하는 것과 같음

다음은 LCP의 세부 구성요소들이 하나의 전체 LCP에서 차지해야할 이상적인 비율을 나타내고 있음

10% 미만으로 책정된 구성요소들에는 공통적으로 ‘지연’이라는 단어가 포함되어 있는데, 즉 이 시간을 최대한 0에 가깝게 유지하는 것이 좋음

그 외에 TTFB와 리소스 로드 시간은 불규칙적인 시간이 소요될 수 있는 네트워크 요청과 관련이 있기 때문에 앞선 것들에 비해 상대적으로 통제하기 어렵다는 특징이 있음

LCP 세부 구성요소LCP 비율
첫 바이트까지의 시간(TTFB)~40%
리소스 로드 지연(Resource load delay)10% 미만
리소스 로드 시간(Resource load duration)~40%
요소 렌더링 지연(Element render delay)10% 미만
합계100%

LCP 개선 전략 요약
LCP에 소요되는 시간의 대부분은 HTML 문서와 LCP 리소스를 (다운)로드하는 데 소비되어야 함
LCP 전에 HTML 문서나 LCP 리소스 중 하나가 (다운)로드 되지 않는 상황이 개선 가능한 지점이 됨

Last updated on