크롬 Lighthouse 분석

FCP(First Contentful Paint)

초기 DOM 콘텐츠 렌더링 시간 측정

 

TTI(Time To Interactive)

이용자가 실제로 클릭이벤트 등을 발생 시킬 수 있게 만드는 시간

여기 전까지는 입력 및 동작이 입력 안됨

 

SI(Speed Index)

페이지 로드 중, 컨텐츠가 보여지는 속도를 뜻함

A가 B보다 더 점수가 높음

TBT(Total Blocking Time)

- 사용자의 입력을 차단한 시간

- FCP와 TTI의 사이에서 발생

 

= 메인스레드를 독점해서 다른 동작을 방해한 시간

 

LCP(Largest Contentful Paint)

페이지 내의 컨텐츠 중 가장 큰 이미지 등 에셋이 로드 된 시간

 

CLS(Cumulative Layout Shift)

페이지 로드 과정에서 발생하는

예기치 못한 레이아웃 이동을 측정한 지표

(화면상에서 요소의 위치나 크기가 순간적으로 변하는 것)

 

Opportunities

페이지를 더 빨리 로드되는데 도움이 되는 제안

 

DIAGNOSTICS

로드 속도와는 직접적 관계는 없지만 성능과 관련된 기타 정보를 알려줌