原生array.js会让我变慢

时间:2017-08-03 15:24:08

标签: jquery performance jquery-ui combobox autocomplete

所以,我在<select>列表中有大约600家公司,其中包括#34; widgetized&#34;使用jQueryUI自动完成组合框。它是我网页中最慢的部分,当我尝试除了第一个之外的任何时间找到字符串。

我已经开始使用Chrome开发人员工具来介绍JS性能,并发现浏览器调出sort时最糟糕的部分是native array.js方法。

这就是我对它的看法:

My code profiling

~11.5秒在最后选择的输入值上渲染下拉列表?我应该怎么做以及提供我的经验的样例?帮助我改善那件可怕的事情!

UPD

它看起来像&#34;每次我打开下拉列表时,它会再次处理某些内容并将其设置为两次,但我不确定它是否排序或除了使用g.nodeType.g.documentLement.l函数的原生Array.js方法排序之外的其他内容:

g.nodeType.g.documentLement.l example

UPD : 我的浏览器是Chrome 60.0.3112.90和JavaScript V8 6.0.286.52 我将尝试使用非缩小的jquery-1.12.4.js来找出为什么在jQuery中调用compareDocumentPosition属性之间会出现空闲时刻。

1 个答案:

答案 0 :(得分:0)

好的,当我的图书馆更新时,我已经停止了缓慢的用户界面流量调查,今天我收到了负面反馈&#34;慢速列表打开用户界面&#34;再次。我很惊讶,直到记住生产和开发环境没什么区别。 - 本地开发人员使用了非缩小的库文件和 - 生产已缩小图书馆

当我检查了我们使用的所有库时,我找到了jQuery UI。即使是最后但缩小版本也会减慢组合框列表的渲染方式,如上所述。

不知道为什么,但现在我们使用非缩小的jQ-UI并解决了问题。