CSS3アニメーションとjQueryアニメーションのどちらが実行パフォーマンスが優れていますか?
それらはユーザーのブラウザのパフォーマンスや実行速度にどのように影響しますか?
私はブラウザの互換性については気にせず、実行パフォーマンスだけを気にします。
CSS3アニメーションとjQueryアニメーションのどちらが実行パフォーマンスが優れていますか?
それらはユーザーのブラウザのパフォーマンスや実行速度にどのように影響しますか?
私はブラウザの互換性については気にせず、実行パフォーマンスだけを気にします。
@tstennerは良いリンクを共有していて、おそらく疑問を解消するでしょうが、いくつかのテストを行いたい場合は、http://jsperf.com/を使用していくつかのパフォーマンステストを行うことができます。
そして、Githubの「Animate.css」をチェックする必要があります。CSS3のみを使用した素晴らしいクールなアニメーションhttp://daneden.me/animate/
[]のイゴール。
私の経験では、トレードオフは互換性です。Webページにアニメーションを含める必要がある場合は、古いブラウザーとの互換性のためにjQueryを使用してください。ただし、CSS3は、GPUで事前計算およびレンダリングできる期待されるアニメーションをブラウザーに提供します。これは、CSS3には、すべての場合においてjQueryよりも明確なパフォーマンス上の利点があることを意味します。もちろん、CSS3アニメーションのパフォーマンスはブラウザとマシンによって異なりますが、JavaScriptのパフォーマンスはそれに伴って変化する傾向があります。つまり、CSS3が遅い場合、JSはさらに遅くなります。