javascript - 减少滚动页面延迟

Question

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

网址是:http://fakeheal.eu/viral/

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

Answer 1

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

不要同时移动许多大型图形元素。

大图像的褪色非常缓慢。谨慎使用它。

在大屏幕上，您可以有一个大边框(您可以从一张图像制作)并将其余内容放在里面，这样“事件”区域就只有 1200 像素 x 600 像素。这将大大提高渲染速度。