jquery:使用多个动画(jquery 和 css3)会减慢动画速度吗？

Question

我在我的网站上使用了多种动画。例如:像这样移动一些 div:http://jsfiddle.net/orig/42pZZ/2/

这个动画非常流畅，没有任何卡顿。但是当我将这段代码放入一个更大的 js 文件中时(有多个其他动画可以同时启动，包括一些 css3 动画)，这个示例动画不再那么流畅了。

有没有办法优化这个？还是保持一种动画类型更好？例如仅 css3(如果是，如何将 fiddle 示例转换为 css3 动画？)

亲切的问候，莫里斯

Answer 1

提高代码速度可以包括多项任务:

• 精简您的 js 代码 http://jscompress.com/
• 缩小你的CSS代码http://www.lotterypost.com/css-compress.aspx
• 篡改你的照片http://www.smushit.com/ysmush.it/ (删除图像中所有不必要的字节)
• 如果您的网站上有很多图片，请尝试使用 sprite 图片

这些任务对我有一点帮助。但是同时呈现多个转换和动画总是会减慢页面速度。