1. Lighthouse란?

Lighthouse는 구글에서 개발한, 웹 페이지의 품질을 개선할 수 있는 오픈 소스 형태의 자동화 도구이다. 어떤 웹 페이지든 (그것이 공개되었든, 인증이 필요하든) 사용할 수 있다.

2. Lighthouse로 확인할 수 있는 지표

Lighthouse는 성능을 측정하기 위해서 다음의 메트릭을 사용한다.

2-1) FCP (First Contentful Paint)

• 사용자가 특정 웹 페이지로 이동했을 때, 브라우저가 첫 번째 DOM의 콘텐츠를 렌더링하는 데 걸리는 시간

2-2) FMP (First Meaningful Paint)

• 사용자가 페이지를 불러오기 시작하면서 스크롤을 내리지 않은 채 제일 먼저 볼 수 있는 영역에 존재하는 주요한 콘텐츠를 렌더링하는 데 걸리는 시간
• Lighthouse 버전 6.0 이후로 사용되지 않는다. (작은 차이에도 매우 민감하게 측정되어 일관성 없는 결과를 초래하였기 때문이다.)

2-3) Speed Index

• 웹 페이지를 불러올 때, 콘텐츠가 시각적으로 표시되는 데까지 걸리는 시간

2-4) First CPU Idle

• 웹 페이지가 최소한으로 상호작용할 수 있는 상태가 될 때까지 걸리는 시간