jquery：使用多个动画（jquery和css3）会减慢动画的速度吗？

Question

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

这个动画非常流畅，没有任何关键。但是当我把这段代码放到一个更大的js文件中（有多个其他动画可以同时启动时，包含一些css3动画），这个示例动画不再那么流畅了。

有没有办法优化这个？或者保持1种动画类型更好？例如只有css3（如果是这样，如何将小提琴示例转换为css3动画？）

亲切的问候， 莫里斯

Answer 1

提高代码速度可以包含多项任务：

• 缩小您的js代码http://jscompress.com/
• minifiyng你的css代码http://www.lotterypost.com/css-compress.aspx
• 使图片模糊http://www.smushit.com/ysmush.it/（删除图片中所有不必要的字节）
• 如果您网站上有许多图片，请尝试使用精灵图片

这些任务对我有所帮助。但是同时渲染多个变换和动画总是会减慢页面的速度。