Lighthouse 를 사용하여 웹 프로그램 품질 개선하기

Lighthouse 는 구글에서 배포하는 웹 품질 개선을 위한 오픈소스 도구이다.

https://developers.google.com/web/tools/lighthouse/

Lighthouse 도구를 사용하면 웹 페이지에대한 테스트 결과 레포트를 지표로 사용하여 더 나은 웹 프로그램을 만들수 있을 것이다.

1. 설치하기 

설치하는 방법은 크게 크롬 확장프로그램 또는 커멘트라인 도구를 설치하여 사용할 수 있다. (이글에서는 크롬확장프로그램을 설치)

크롬확장프로그램 설치하기

2. 사용하기

크롬 브라우져에서 테스트할 페이지로 이동한다.  Chrome 툴바에서 Lighthouse 아이콘()을 클릭하고 Generate report 버튼을 클릭하면 테스트가 수행되고 결과리포트가 보여지게 된다. (본문에서는 www.naver.com 페이지를 테스트)

테스트가 완료되면 Report 결과가 보여진다.

리포트 결과 창에서 상단 ⋮를 클릭하면 결과를 출력, 저장.. 작업을 할 수 있다. 참고로 "Open in Viewer"  클릭하여 보여지는 리포트 결과화면에서 상단 ⋮ 클릭하면 Save as Gist 버튼이 보이는데 결과를 Github 에 저장하여 다른 사람들과 공유할 수 도 있다.

참고 자료 

https://developers.google.com/web/tools/lighthouse/