클라이언트 컴퓨터에서 자바스크립트를 많이 사용하는 웹 페이지의 성능을 어떻게 측정할 수 있습니까?

클라이언트 컴퓨터에서 자바스크립트를 많이 사용하는 웹 페이지의 성능을 어떻게 측정할 수 있습니까?

jQuery(또는 JS)가 많은 웹 페이지가 클라이언트 컴퓨터(및 터치 장치)의 CPU 성능을 끌거나 영향을 미치는지 어떻게 측정합니까?로드 시간/등은 JS 파일 수에 따라 달라지기 때문에 묻는 것이 아닙니다.고객 측 자원 소모 및 관련 안정성 문제에 대해 질문합니다.

구체적으로 말하면:저는 이미지를 영구적으로 애니메이션화하기 위해 jQuery 회전 함수와 단어 프레스 템플릿에 다른 jQuery 기반 애니메이션 객체 몇 개를 내장했습니다.

Google Chrome과 같은 웹 브라우저와 함께 제공되는 웹킷 프로파일러(프로파일, 감사 탭)를 사용할 수 있습니다.또한 페이지 속도 및 속도 추적기와 같은 확장 기능은 정말 훌륭합니다.UI 스레드에 얼마나 많은 시간을 할애하는지, Javascript를 실행하는지 등 브라우저 전체 프로세스에 대한 아이디어를 얻을 수 있습니다.

이것은 좋은 질문입니다.

당신은 브라우저의 프레임률을 보고하는 에릭의 도구를 사용해 볼 수 있습니다.

http://churchm.ag/monitor-javascript-performance/

이것이 개발 중에 테스트하고 싶은 것인지 모니터에 실제 고객의 피드백이 있는지 모르겠습니다.위의 Javascript에 배경이 있는 것을 실행한 다음 AJAX 메시지를 서버로 다시 보내 방문자의 성능을 보고할 수 있습니다.

제가 찾은 다른 스크립트는 CPU 성능을 측정하려고 시도하지만 얼마나 좋은지 모르겠습니다.

http://blog.pothoven.net/2007/12/performance-based-web-app-functionality.html

프로덕션 서버에서 사용하는 것을 제안하지는 않지만, Firebug에는 Javascript 성능 분석 도구가 있습니다.http://getfirebug.com/javascript

Google Chrome Web Inspector, 특히 "프로파일" 패널을 사용할 수 있습니다.여기에 대한 정보가 좀 더 있습니다.

http://jtaby.com/2012/04/23/modern-web-development-part-1.html#The%20Profiles%20Panel%20

언급URL : https://stackoverflow.com/questions/10451346/how-can-i-measure-the-performance-of-a-javascript-heavy-webpage-on-a-client-comp