Try out the animation demos for Velocity.js and you’ll immediately see why it is better than jQuery animate
Download Velocity, include it on your page, and replace all instances of
jQuery’s $.animate()
with $.velocity()
. You will immediately see a
performance boost across all browsers and devices — especially on mobile.
The Secret Sauce. Although Velocity works alongside jQuery, it uses its own animation stack that delivers its performance through two underlying principles: 1) synchronize the DOM → tween stack to minimize layout thrashing, and 2) cache values to minimize DOM querying.
Read more at julian.com