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.
Velocity works everywhere — back to IE8 and Android 2.3. Under the hood, it mimics jQuery’s $.queue(), and thus interoperates seamlessly with jQuery’s $.animate(), $.fade(), and $.delay(). Since Velocity’s syntax is identical to $.animate(), your code doesn’t need to change.
- CSS transitions are meant for simple interface flourishes.
- jQuery’s $.animate() is slow and poorly-equipped for motion design.
- Velocity is a fast, feature-rich standalone alternative to jQuery’s $.animate().