2012-08-01 2 views
2

내 앱의 클라이언트 측 성능 (프레임 속도/스크롤링 대기 시간을 구체적으로 측정)을 시도하고 있습니다. 누군가가 프로그래밍 방식으로 이러한 유형의 데이터를 캡처하는 좋은 방법을 찾았습니까? 시간/변경에 따른 실적을 비교하려고 노력 중입니다 ... 주어진 변화로 인해 스크롤이 원활 해지지 않았습니까?브라우징 세션에서 프레임 속도를 프로그래밍 방식으로 캡처/측정하는 방법은 무엇입니까?

지금까지 내가 해왔 다음은 :
+
+는 고정 된 속도로 아래로 스크롤 간단한 JS 루틴을 실행 (''타임 라인 '기능 /보기를 개발 도구를 사용하여) 기록에 "타임 라인"을 시작합니다
+보기/내보내기/분석 크롬의 타임 라인 데이터

위의 단점

꽤 ... 타임 라인이에서 자바 스크립트로 페이지를 스크롤하는 행위는 자신의 성능 비용이있어 소개하고 그 궁극적으로 데이터가 내가 얻을 수 있습니다 철저한. 이상적으로는 평균, 중앙값, 95 번째 프레임 길이/지속 시간, 가장 긴 프레임과 같은 일종의 요약 데이터를 얻을 수 있습니다.

누구나 이런 유형의 정보를 얻을 수 있습니까?

+1

다음으로 이동하려고했습니다 : chrome : // flags/다음에 대한 플래그를 엽니 다. FPS 카운터 - dev 모드에 좋은 옵션 일 수 있습니다. –

+0

아, 깔끔한! 하지만이 정보로 프로그래밍 방식으로 할 수 있는지 잘 모르겠습니까? – busticated

+1

예 ... 프로그래밍 방식으로 다음과 같은 것을 원합니다. http://www.kaizou.org/2011/06/effectively-measuring-browser-framerate-using-css/ –

답변

0

DevTools 창 ("DevTools-On-DevTools")에서 DevTools 창을 열고 콘솔에서 명령을 실행하여 DevTools 모델에서 데이터를 추출하면 FPS 데이터를 프로그래밍 방식으로 추출 할 수 있습니다. 이 여기에 포함됩니다 :

https://stackoverflow.com/a/48081289/1669860

체크 아웃 도움이 관련이없는 대답을 "DevTools로 온 DevTools로"로 :

https://stackoverflow.com/a/48198185/1669860

당신은 인형과이를 달성 할 수있을 것, 또한 :

https://github.com/GoogleChrome/puppeteer
관련 문제