Javascript 为网站提供服务的移动设备的性能大幅下降,即使在本地提供服务时也是如此

Javascript 为网站提供服务的移动设备的性能大幅下降,即使在本地提供服务时也是如此,javascript,html,ipad,mobile,touch,Javascript,Html,Ipad,Mobile,Touch,好吧,我对这个已经束手无策了。我主持了这个网站:如果有人愿意帮忙的话 该网站的图像内容非常丰富,并且大量使用了一些js/jquery插件来增强用户体验,如果你甚至不能滚动该网站,这当然不值得 我似乎没有任何问题的桌面版本的网站。Webkit和firefox似乎一直在工作。尽管如此,无论是通过重影(wifi和Adobe Edge inspect)还是通过服务器,只要我在触摸设备(iPhone/iPad)上加载站点,性能都会有很大的滞后,甚至不会滚动。我很欣赏这个网站在图片大小上有很大的优势,但我正

好吧,我对这个已经束手无策了。我主持了这个网站:如果有人愿意帮忙的话

该网站的图像内容非常丰富,并且大量使用了一些js/jquery插件来增强用户体验,如果你甚至不能滚动该网站,这当然不值得

我似乎没有任何问题的桌面版本的网站。Webkit和firefox似乎一直在工作。尽管如此,无论是通过重影(wifi和Adobe Edge inspect)还是通过服务器,只要我在触摸设备(iPhone/iPad)上加载站点,性能都会有很大的滞后,甚至不会滚动。我很欣赏这个网站在图片大小上有很大的优势,但我正在广泛地使用延迟加载来减少这一点。除主页外,没有任何页面超过~300k的初始负载

非常感谢您的帮助。我一直头撞到墙上,直到凌晨。如果你们需要任何进一步的资源或细节,请告诉我。谢谢


凯尔

以防万一其他人遇到类似问题。问题如下:

•我将一个容器设置为

    overflow: auto;
•结合了以下内容:

    $(window).resize();
触控和滚动事件最终导致了灾难——或者在这种情况下,触控设备上的滚动真的很糟糕


希望这对别人有帮助。快乐编码;)

对于初学者,您可能希望使用图像编辑器减小缩略图的大小,而不是让浏览器为您调整大小。非常感谢。谢谢你的建议。