¿Cuál es la forma más precisa de medir la velocidad de fotogramas, es decir, FPS, en los navegadores HTML5 modernos? Estoy específicamente interesado en FPS para animaciones de Canvas.

http: //weblogs.mozillazine.org/roc/archives/2010/11/measuring_fps.htm le dirá que intentar medir la velocidad de cuadros contando la frecuencia con la que se ejecuta setTimeout no es preciso. El navegador puede ejecutar su devolución de llamada Timeout varias veces entre las pinturas de pantalla.

Resulta que Mozilla tiene un window.mozPaintCounthttps: //developer.mozilla.org/en/DOM/window.mozPaintCoun disponible, que debería proporcionar un FPS preciso. Sin embargo, esto solo funciona para Mozilla.

Hay un problema abierto para Chrome para algo similar:http: //code.google.com/p/chromium/issues/detail? id = 65348

Una forma manual de verificar el FPS acelerado por hardware en Chrome es tomar el canal Beta de Chrome (a partir de la fecha de publicación) e ir a about: flags y activar FPS Counter. Sin embargo, en una Mac, la aceleración solo se activa cuando se usa WebGL. Por lo tanto, no hay forma de verificar FPS para Canvas en Chrome para Mac.

Cuáles son otras estrategias para medir con precisión FPS HTML5?

¡Gracias