備忘録。
参考は以下。
https://www.html5rocks.com/ja/tutorials/speed/high-performance-animations/
結論から言うと、例えばカルーセルとか、アニメーションするときにイジるプロパティは
leftじゃなくてtransformの方がパフォーマンスが良いですよと言うお話。
アニメーション推奨プロパティは
- translate
- rotate
- scale
- opacity
らしい。
またcssアニメーションとjsのアニメーションでは
cssアニメーションの方がパフォーマンスは良いけど
jsみたいにいろんな制御はできないって言う比較も細かく書いてある。