How to increase frame rate in css animations and what are the factors effecting the frame rates in an animation?

Question

I've made a loader containing many moving elements but it is a bit laggy.
I want to improve it's frame rates so I need help.
That code is here please check.
https://code.sololearn.com/W6GyfXiKUv9J/?ref=app

Answer 1

But it doesn't increase frame rates it is yet laggy..

Answer 2

May be...

Answer 3

animation-timing-function: steps(n);
Where n is how many frames the animation is divided into.

Answer 4

Your device processor is a factor. It probably can't handle animations with lot of fps