Javascript iOS浏览器上的Webkit滚动性能

Javascript iOS浏览器上的Webkit滚动性能,javascript,html,css,wordpress,performance,Javascript,Html,Css,Wordpress,Performance,我继承了一个网站项目,其任务是使其在移动设备(尤其是iOS)上表现更好。该网站的滚动速度非常慢,部分页面需要很长时间才能加载。我尝试过大多数的滚动修复,比如-webkit-overflow-scrolling:touch;和变换:translate3d(0,0,0);但是没有任何运气。我还试着深入研究桌面上ChromeDevTools中的渲染工具,看看是否有什么突出的地方。我不知所措 下面是链接:我们可以使用Chrome Web Profiler来确定是什么消耗了这么多CPU。请注意,在移动设备

我继承了一个网站项目,其任务是使其在移动设备(尤其是iOS)上表现更好。该网站的滚动速度非常慢,部分页面需要很长时间才能加载。我尝试过大多数的滚动修复,比如-webkit-overflow-scrolling:touch;和变换:translate3d(0,0,0);但是没有任何运气。我还试着深入研究桌面上ChromeDevTools中的渲染工具,看看是否有什么突出的地方。我不知所措


下面是链接:

我们可以使用Chrome Web Profiler来确定是什么消耗了这么多CPU。请注意,在移动设备上这可能需要更长的时间


在您的例子中,skrollr.min.js似乎占用了最多的CPU,所以我会尝试摆脱它,并坚持使用内置的滚动方法。你有什么理由需要一个特殊的滚动库吗?

Neat,我不知道Chrome Web Profiler。skrollr库在主页上提供了一些视差图标。如果是罪魁祸首的话,我正在寻找替代品。谢谢,没问题。如果这对你有帮助,请接受答案。谢谢