Javascript 减少滚动上的页面延迟
我有一个视差网站,里面有大图像。滚动时它会滞后(图像“闪烁”)。这方面有什么优化吗。例如,要缓存加载时的所有图像还是什么 网址为:Javascript 减少滚动上的页面延迟,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个视差网站,里面有大图像。滚动时它会滞后(图像“闪烁”)。这方面有什么优化吗。例如,要缓存加载时的所有图像还是什么 网址为: 我已经尽可能地缩小了图像的大小。对于大多数浏览器来说,图像仍然很大,无法很好地处理。问题不在于缓存,而在于重复绘制整个屏幕以更新所有移动元素。一般提示: 不要同时移动许多大型图形元素 对于大型图像,褪色非常缓慢。少用它 在大屏幕上,你可以有一个大边框(你可以从一张图像中制作),然后把其余的内容放在里面,这样“活动”区域就只有,比如说,1200px 600px。这将显
我已经尽可能地缩小了图像的大小。对于大多数浏览器来说,图像仍然很大,无法很好地处理。问题不在于缓存,而在于重复绘制整个屏幕以更新所有移动元素。一般提示:
如果您不介意使用HTML5和CSS3,我建议您使用
translate3d
转换,因为它通常使用硬件加速,并且比使用javascrip或jQuery更流畅
例如:
$('#myElement').css('-webkit-transform', 'translate3d(-50px, 0px, 0)');
看看:这个网站也有大图片,但加载很平稳:他们是怎么做到的?