LightHouse란?

Lighthouse는 구글에서 개발한 오픈소스로서 웹 페이지의 품질을 개선할 수 있는 자동화 툴이며 Lighthouse는 성능, 접근성, PWA, SEO 등을 검사하며 이를 이용해 사용자는 어떤 웹페이지든 품질 검사를 할 수 있다

Lighthouse는 Chrome DevTools부터 CLI, 노드 모듈 등 다양한 경로를 통해 사용할 수 있으며, 검사할 페이지의 url을 Lighthouse에 전달하면 Lighthouse는 해당 페이지에 대한 여러 검사를 실행한다

LightHouse 사용법

구글크롬을 이용

• 개발자도구를 열고
• 메뉴탭 lighthouse선택
• 페이지로드 분석을 통해 분석시작
• 약 30초간 진행된 후, 리포트가 개발자 도구 내에 생성

EX)
CODESTATES 홈페이지

성능부분에선 이미지를 jpg, png로 사용하기에 인코딩시 로드부분이나 데이터소비가 더욱 많을 수 밖에 없으므로,
성능부분에서 가장 많이 점수를 깍아먹는 요인중 하나로 자리잡고 있다

Programmers 홈페이지