私は jQuery の.animate()を使用して Web サイトをアニメーション化しており、その仕組みがとても気に入っています。しかし、Velocity.jsとTransit.js のパフォーマンスがはるかに高速で、CSS3 トランジションをアニメーション化でき、.animate() と同じように jQuery で使用できることを知りました。
アニメーションにはVelocity.jsまたはTransit.jsを使用する必要がありますか? なぜ?
私は jQuery の.animate()を使用して Web サイトをアニメーション化しており、その仕組みがとても気に入っています。しかし、Velocity.jsとTransit.js のパフォーマンスがはるかに高速で、CSS3 トランジションをアニメーション化でき、.animate() と同じように jQuery で使用できることを知りました。
アニメーションにはVelocity.jsまたはTransit.jsを使用する必要がありますか? なぜ?
このページのテストによると、速度が最高です (アニメーションが最も滑らかになります):
Speed Test
http://codepen.io/GreenSock/pen/pmknI
これらのライブラリを使用することで、モバイル デバイスでのアニメーションの滑らかさが大幅に向上しました。
ただし、メモリ消費量のテストを行った (ブラウザのタスク マネージャを参照) と、速度またはトランジットでアニメーションを実行するたびに、アニメーションを開始するたびにより多くのメモリ (3MB) を消費することがわかりました (言うまでもなく、ガベージ コレクターがこのメモリを取り戻すのに長い時間がかかりました)
一方、jQuery の animate を呼び出すと、同じアニメーションを実行するために平均 1MB が使用されました。