0

我有一个包含大图像的视差网站。滚动时会滞后（图像“闪烁”）。是否有任何优化。例如在加载时缓存所有图像或其他什么？

该网站是： http: //fakeheal.eu/viral/

我已尽可能减小图像大小。

4

2 回答 2

2

对于大多数浏览器来说，图像仍然很大，无法很好地处理。问题不在于缓存，而在于尝试重复绘制整个屏幕以更新所有移动元素。一般提示：

  1. 不要同时移动许多大型图形元素。
  2. 大图像的褪色非常缓慢。谨慎使用它。
  3. 在大屏幕上，您可以有一个大边框（您可以从一张图像制作）并将其余内容放在里面，这样“活动”区域就只有 1200 像素 x 600 像素。这将大大提高渲染速度。
于 2013-10-15T13:05:45.930 回答
0

如果您不介意使用 HTML 5 和 CSS3，我建议您使用translate3d转换，因为它通常使用硬件加速，并且比使用 javascrip 或 jQuery 更流畅。

例如：

$('#myElement').css('-webkit-transform', 'translate3d(-50px, 0px, 0)');

看看：http ://css3.bradshawenterprises.com/transitions/

于 2013-10-15T13:09:45.333 回答