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

Question

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

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

有没有办法优化这个？还是停留在 1 种动画类型更好？例如只有css3（如果是，如何将fiddle示例转换为css3动画？）

亲切的问候， 莫里斯

Answer 1

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

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

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