簡體 English 中英

CSS動畫比JS動畫更快嗎？

[英]Are CSS animations faster than JS animations?

原文 2014-04-01 10:05:15 5 1 javascript/ jquery/ css/ performance/ animation

我剛才讀到的東西說CSS動畫比JS動畫要快。 使用jQuery做一些動畫我可以看到為什么有人會說這個，因為jQuery動畫有時會出錯和慢。 然而，我想知道的是，論證中是否有任何硬核真理？

1 個解決方案

有一種常見的誤解認為CSS動畫比JS動畫更快，因為每當主題出現時都會使用所有高調的動詞。 CSS動畫不過是更快，更比jQuery的動畫穩定，這是很多人得到了這個想法。 如果你看一下JS的GreenSock庫（這個名字應該響應舊的Flash WebDevs：v），它比jQuery快得多，而且不僅僅是CSS動畫的匹配。

如果您看一下這個網站並向下滾動到“性能比較”部分，那么您的壓力測試確實是我剛才所說的所有內容的基礎。 我在一台配備Intel Core i7 3930K 3.2GHz處理器和8GB RAM（無法分辨GPU）的機器上運行測試。

運行測試時，請確保將點設置為3000並在所有三個引擎上運行測試。

jQuery引擎只能渲染一個點
GreenSock發動機是目前最流暢的
CSS引擎很好，但似乎沒有GSAP引擎那么流暢

顯然，如果有人不同意給出的測試和信息，請說明您不同意的參考和數據

CSS動畫是否仍比ios 6+中的javascript動畫還要快？

[英]Are css animations still faster than javascript animations in ios 6+?

querySelectorAll動畫比getElementsByClassName更快嗎？

[英]querySelectorAll faster for animations than getElementsByClassName?

為什么CSS動畫在移動設備上更快？

[英]Why are css animations faster on a mobile device?

取消JS和CSS中的所有動畫

[英]Cancel all animations in JS and CSS

用 JS 改變不同的 CSS 動畫

[英]Changing different CSS animations with JS

為 JS 和 CSS3 動畫顯示 FPS 的 JS

[英]JS that shows FPS for JS and CSS3 animations

React.js：非CSS動畫

[英]React.js: Non-CSS animations

如何在React JS中重新運行CSS3動畫

[英]How to rerun css3 animations in react js

在Vanilla JS的視口中切換CSS動畫

[英]CSS animations to toggle when in viewport with vanilla JS

隱藏div停止動畫（CSS還是JS）？

[英]Does hiding a div stop animations (CSS or JS)?

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 CSS動畫是否仍比ios 6+中的javascript動畫還要快？ querySelectorAll動畫比getElementsByClassName更快嗎？為什么CSS動畫在移動設備上更快？取消JS和CSS中的所有動畫用 JS 改變不同的 CSS 動畫為 JS 和 CSS3 動畫顯示 FPS 的 JS React.js：非CSS動畫如何在React JS中重新運行CSS3動畫在Vanilla JS的視口中切換CSS動畫隱藏div停止動畫（CSS還是JS）？

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM