vbence
Reputation: 20333
How to detect redraw rate (fps) of a css animation?
I'm interested in the fluency of my CSS animations. As some extra points:
- I'm mostly interested in performance on mobile devices (WebKit),
- It would help if data could be gathered during normal operation (with real users doing real things).
Upvotes: 6
Views: 1613
Answers (2)
GroovyDotCom
Reputation: 1374
Chrome Beta for Android supports getting FPS by setting flag in chrome://flags
Upvotes: 2
vbence
Reputation: 20333
Negative answer: window.getComputedStyle will not yield any result because the JS program itself (so the number of mesurements) will slow down on high animation load.
See: http://jsfiddle.net/9xQ5H/17/
Upvotes: 1
Related Questions
- JavaScript detect CSS animation in progress
- How do you detect when CSS animations start and end with JavaScript?
- Detect CSS Animation Keyframes with Javascript
- How do I benchmark the FPS of a CSS3 animation?
- Measuring time for CSS3 to finish animations
- A way to read out or change CSS animation keyframes
- CSS Animations alter Frame Rate
- Get the users framerate in javascript
- Instrument WebKit to provide FPS information for CSS animations?
- How to accurately measure HTML5 Browser Framerates (FPS)?