: What is an acceptable level of FPS in browser workslow editor? I'm developing a diagraming tool and need some metrics to test it against. Unfortunately I couldn't find information regarding an

@Megan663

On the jQuery website you can find the following for their interval settings:


This property can be manipulated to adjust the number of frames per
second at which animations will run. The default is 13 milliseconds.
Making this a lower number could make the animations run smoother in
faster browsers (such as Chrome) but there may be performance and CPU
implications of doing so.


This makes (1000/13 =) 77 fps, but in my experience you need a good computer to keep the more advanced animation smooth. For a calculationtool I made I set:

Desktop: 15ms = (1000/15 =) 67 fps
tablet and phone: 40ms = (1000/40 =) 25 fps

In this tool I use a loop to increment about 9 numbers to a result (so: 1,2,->,8,9), and animate a svg pie-chart to grow/decrease.
My results are not based on extensive research, but some pc's/devices in my workspace. I suggest you do the same. Just build your page, set it to a setting and test it. The more animation you have, the lower the FPS will be.

Tip: When you can, some css animations are a lot smoother than the javascript animations

Vote Up Vote Down