いまは jQuery を使わず Vanilla で書くのがモダンな実装なのでしょうか。しかし流行にあまり左右されたくない自分はまだまだ jQuery を使い倒しています。何かトラブルに見舞われた際に先人のリソースが蓄積されているメリットもありますし。 そしてそんな jQuery のアニメーションエンジンとして最も使われているだろうプラグインが Velocity.js かと思います。CSSアニメーションにも対応していてそのままでもかなり速く動作します。 ただ CSS アニメーションについてはさらに最適化する方法があります。 CSS will-change とはあまりメジャーにはなっていないようですが、CSS にはアニメーションを最適化する will-change と呼ばれるプロパティが存在します。 文字通りなので察しがつくところでもあるかと思いますが、ブラウザに対しあらかじめどの値が変化する
![Velocity.js の CSS アニメーションに will-change を自動的に適用する - ONO TAKEHIKO - Medium](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b9946a6ad4e351b10da873df345914085d11040/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fmax%2F1089%2F1%2An65o_5TaFtdlLX3U4NR3XA.png)