jQuery：使用多個動畫（jquery和css3）會減慢動畫的播放速度嗎？

Question

我在網站上使用了幾種動畫。 例如：在此處移動一些div： http : //jsfiddle.net/orig/42pZZ/2/

該動畫非常流暢，沒有任何疊加。 但是，當我將此代碼放入一個更大的js文件中（可以同時啟動多個其他動畫，包括一些css3動畫）時，此示例動畫不再那么流暢。

有沒有一種方法可以對此進行優化？ 還是最好保留一種動畫類型？ 例如僅css3（如果是，如何將小提琴示例轉換為css3動畫？）

親切的問候，莫里斯

Answer 1

提高代碼速度可以包括多個任務：

• 縮小您的js代碼http://jscompress.com/
• 最小化您的CSS代碼http://www.lotterypost.com/css-compress.aspx
• 塗抹圖片http://www.smushit.com/ysmush.it/ （刪除圖片中所有不必要的字節）
• 如果您的網站上有很多圖片，請嘗試使用Sprite圖片

這些任務對我有所幫助。 但是同時渲染多個變換和動畫總是會使頁面變慢。