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