크롬 개발자도구. 알면 알수록 유용한 기능들이 많은 것 같다. 오늘은 Performance라는 기능에 대해 간략히 정리해보려 한다.

실제 최근 회사에서 이 기능을 활용해 브라우저의 성능을 크게 저해하는 요소를 발견해 수정하였다.


먼저 Performance 기능을 사용하기 위해서 크롬 브라우저를 Incognito Mode로 실행한다. 이는 여러 확장프로그램이 정확한 퍼포먼스 측정을 방해할 수도 있기 때문에 이를 방지하기 위한 것이며, 번거롭다면 굳이 이를 따를 필요는 없다.

성능 기록하기

Performance를 사용하는 방법은 간단하다. 개발자도구에 들어가 Performance탭을 클릭하고 Record 버튼을 클릭하면 된다. Record 버튼을 클릭하고 웹페이지 내에서 성능을 측정하고자 하는 기능을 실행한다. 이후, Stop버튼을 클릭하면 성능측정이 완료된다. 아래의 그림은 성능 측정이 끝난 이후에 확인하게 될 결과이다.무엇인가 많이 복잡하고 신기하다. 그러나 이곳에서 얻게될 다양한 정보는 현재 개발중인 웹페이지의 사용자 경험을 크게 개선하기 위해 유용하게 활용될 것이다.

분석하기

FPS : Frame Per Second