이미 많은 분들이 알고 계실지 모르지만 비교적 최근에 개발된 도구가 있어서 소개해드리고자 합니다.

바로 크롬 68버전에서 추가된 [Audits]라는 기능입니다.



웹 사이트의 전반적인 성능 검사를 시도해볼 수 있고, 점수와 개선사항을 표현해주니 매우 효과적입니다.

사용법은 간단합니다. 사용하시는 크롬이 68버전 이상인지 확인해주시고, 개발자도구(F12)에 있는 Audits항목을 눌러주세요. 그리고 검사하고자 하는 항목을 선택해서 검사를 진행하시면 됩니다.

다양한 기능이 제공되지만 가장 중요한 로딩 시간을 밀리세컨드 단위로 측정해줄 뿐 아니라 성능, 오프라인 상태일 때의 처리, 프로그래시브 앱으로 호환성 등을 종합적으로 보실 수 있습니다.

예시 1.


예시 2.


예시 3.


p.s 구글 크롬 개발자 유튜브에서 웹개발에 도움이 되는 소스를 다양하게 발견하실 수 있습니다. 웹 개발자분이시라면 재밌어할만한 많은 팁들이 곳곳에 숨어있으니 참고해보셔도 좋을 것 같습니다. :)