웹 프론트엔드 간단한 성능 검사(Chrome Task Manager)

Chrome Task Manager를 활용한 간단한 프론트엔드 성능검사

• 특정 화면에서 브라우저가 느려지는 상황 원인 파악을 위해서 사용했다.

Chrome Task Manager

• 크롬의 작업 관리자로 Memory footprint, Cpu, Network, ProcessID를 통해서 현재 페이지에서 브라우저에 어느정도 부하가 걸리는지 확인 할 수 있다.

• memory footprint : 현재 탭에서 사용하는 메모리
• Javascript memory : 자바스크립트에서 사용하고 있는 메모리
• CPU : 해당 탭의 현재 cpu사용량
  • 아무것도 하지 않는 상태 = 0.0
  • 특정 액션이 발생하면 cpu 사용량 수치가 올라가는데 보통 20 ~ 30 정도의 수치를 유지 하는 것이 좋은것 같다.
  • 페이지를 이동할때는 60~70 정도의 수치가 표시 되는데, 이때부터 느림, 버벅임 등의 현상이 발생했다.

참고문서

https://smallbusiness.chron.com/fix-high-cpu-usage-google-chrome-77171.html

How to Fix High CPU Usage in Google Chrome