0

我正在开发一个使用大量大图像和大量 javascript 的网站。

在这里查看 - http://joehamilton.info/1/1/

我一直在努力提高性能,但收效甚微。我只想保持帧速率平稳,因为有时它会陷入困境。

我认为可能是代码让它陷入了困境,但是在发现 chrome 中的分析之后,似乎“绘制”过程正在减慢速度。

我只是想知道我能做些什么来改善事情。我愿意接受任何建议,但我想我在考虑这些事情类型的事情: • 压缩图像文件有帮助吗?• 300px 方形重复图案图像在 900px 方形 div 中绘制会比 900px 方形图像更快吗?

这是一个庞大而复杂的网站,所以如果它没有帮助,我宁愿不花很多时间修改东西。

那里有任何专家光栅图像人吗?

4

1 回答 1

0

对于任何移动的东西,你应该使用转换和变换而不是 jquery animate 和 background-position,因为它会在某些浏览器中被硬件加速。它还避免了如此频繁地重新粉刷。http://css3.bradshawenterprises.com/demos/speed.php是一个在公认的极端情况下比较这两种技术的示例。

如果您不能这样做,请确保您的动画使用 requestAnimationFrame 而不是 setTimeout 循环。

这应该有很大帮助。

于 2012-06-12T11:52:18.127 回答