반응형
Lighthouse란?
Lighthouse는 웹 앱의 품질을 개선하는 오픈 소스 자동화 도구입니다.
Lighthouse는 Chrome 확장프로그램, 커맨드 라인에서, 노드 모듈에서 프로그램으로도 사용할 수 있습니다. Lighthouse에 확인할 URL을 지정하고, 페이지에 대한 테스트를 실행한 다음, 페이지에 대한 보고서를 생성합니다. 여기에서 실패한 테스트는 앱을 개선하기 위해 할 수 있는 것에 대한 지표로 사용할 수 있습니다.
Note: Lighthouse는 현재 홈스크린에 추가나 오프라인 지원 같은, 프로그레시브 웹 앱 기능에 중점을 둡니다. 그러나 프로젝트의 가장 중요한 목표는 웹 앱 품질의 모든 측면에 대한 end-to-end 테스트를 제공하는 겁니다.
사용 방법
Chrome v.54 이상 [개발자 도구] > [Audits] 탭 > [Run audit]
3G 속도 모바일 기기를 기준으로 테스트 한 값이 나온다.
테스트 결과
코인원 기업사이트를 돌려봤는데 점수가 ㅠ_ㅠ... 이미지 최적화 안 된 부분이 속도를 많이 느리게 만드는 것 같다.
궁금해서 네이버도 해봤는데 메인 페이지 기준으로 코인원 기업사이트보다 훨씬 많은 정보를 제공하고 있으니까... 비교하면 안 될 것 같다.
크으.... 구글 멋지네 >_<
반응형
'개발일지 > Web' 카테고리의 다른 글
[Favicon] 파비콘의 모든 것 (feat. 멀티플랫폼) (0) | 2018.12.19 |
---|---|
[Chrome] 크롬에서 video 태그와 관련된 이슈들 (0) | 2018.12.19 |
[Chrome 65] Local Overrides !!! (0) | 2018.03.15 |
[Chrome 62] Add a default border-radius to <button> -> ver.63 revert (0) | 2018.03.15 |
[Dev] 내부 운영 툴 개선 프로젝트 (0) | 2018.01.01 |