웹 페이지 성능 측정 도구, 구글 크롬 Lighthouse

 

예전에 내 블로그에서 CLS 초과 문제가 있었다.

PageSpeed Insights 기능을 이용하면 성능을 체크하면서 수정했던 기억이 있다.

그러다가 구글 크롬 개발자 도구에서 Lighthouse 탭을 발견해 유용하게 사용 중이다.

 

 

Lighthouse 기능을 사용하게 된 원인이다.

CLS 초과 문제가 영 찝찝했다.

 

테스트하고 싶은 페이지에서 개발자도구(F12)를 호출한 후,

Lighthouse 탭을 클릭하여 이용할 수 있다.

 

 

 

페이지 테스트한 후, 영역별로 보고서를 작성해준다.

블로그 최적화에 도움을 줄 수 있으니 적절히 활용해보면 좋겠다.

 

아래 링크에서 Lighthouse를 별도로 설치하면

커맨드 창에서도 유용하게 사용할 수 있다.

 

 

GitHub - GoogleChrome/lighthouse: Automated auditing, performance metrics, and best practices for the web.