我有一个基本的html网站(html5,JavaScript,jQuery),我在iPpad2上运行。我使用谷歌浏览器进行基本测试,只是为了测试布局图像和复制等。我的真实测试需要在真正的iPad上。
在iPad上,我的代码似乎延迟了2-4秒,而Chrome则立即加载。我一直无法找到瓶颈。我在代码中的各个点添加了警报,但是所有警报一个接一个地出现,并且似乎延迟发生在最后一个警报的最后一行代码之后。
警报可能会产生误导,因为代码在执行之前可能会被缓存?为了加快iPad上的速度,我的代码中是否应该寻找或避免使用?
答案 0 :(得分:8)
如果您不缓存选择器结果 - 移动设备容易受到性能影响
我的意思是如果你这样做:
$("#someId").css(some, stuff);
$("#someId").css(other, stuffs);
$("#someId").attr(even, more);
与
相比var ourElement = $("#someId");
ourElement.css(some, stuff);
ourElement.css(other, stuffs);
ourElement.attr(even, more);
现在,如果你正在做“在现实世界中”的先前 - 在循环中等等 - 它可能对移动设备造成巨大的性能损害
祝你好运答案 1 :(得分:0)
iPad比运行谷歌浏览器的桌面慢得多。预计需要花费更长的时间来做事。
如果是10-20秒,我会说检查你的代码,但是2-4秒对于页面加载是不合理的。