크롬 익스텐션 Lighthouse

오늘은 사이트 성능 체크하고 싶을때 유용한 팁을 공유하고자 합니다.

Lighthouse 설치하기

라이트하우스

https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk/related?hl=ko

11번가

측정을 하고 싶은 사이트로 이동합니다. 저는 11번가를 예시로 하겠습니다.
설치가 끝나면 개발자 도구(ctrl+shift+i)를 켜주세요.

Element 옆에 >>

Element 옆에 >> 버튼을 눌러서 Lighthouse 탭으로 이동해주세요.

Generate Report

Generate report 버튼을 눌러주세요.

분석중

대략 15~20초 정도 걸리는것 같습니다.

분석이 끝나면 이렇게 표시 됩니다.

결과

앞으로 유용하게 써먹을것 같네요.