Lighthouse를 이용하는 방법

N·2022년 8월 4일
0

최적화

목록 보기
11/11

1) Chrome 개발자 도구에서 실행하기

  • 크롬에서 검사하고 싶은 페이지의 url을 입력한다.
  • 개발자 도구를 연다.
  • lighthouse 탭을 클릭한다.
  • Generate report를 클릭한다. Categories에서 특정한 지표만 선택하여 검사할 수도 있다.
  • 대략 30-60초간 검사가 실행된다. 그 후 아래와 같이 리포트가 해당 페이지의 개발자 도구내에 생성된다.

2) Node CLI에서 실행하기

  • Lighthouse를 설치한다.
    이때-g 옵션을 사용하여 Lighthouse를 전역 모듈로 설치하는 것이 좋다.
    npm install -g lighthouse
    다음의 명령어로 검사를 실행할 수 있다.
    lighthouse <url>
    다음의 명령어로 모든 옵션을 볼 수 있다.
    lighthouse --help 
    Lighthouse 노드모듈을 이용해 동적으로 프로그래밍하여 페이지 검사 리포트를 생성할 수도 있다. 이를 이용해 성능 테스트를 자동화할 수 있다.
profile
web

0개의 댓글