所以,我在<select>
列表中有大约600家公司,其中包括#34; widgetized&#34;使用jQueryUI自动完成组合框。它是我网页中最慢的部分,当我尝试除了第一个之外的任何时间找到字符串。
我已经开始使用Chrome开发人员工具来介绍JS性能,并发现浏览器调出sort
时最糟糕的部分是native array.js
方法。
这就是我对它的看法:
~11.5秒在最后选择的输入值上渲染下拉列表?我应该怎么做以及提供我的经验的样例?帮助我改善那件可怕的事情!
UPD :
它看起来像&#34;每次我打开下拉列表时,它会再次处理某些内容并将其设置为两次,但我不确定它是否排序或除了使用g.nodeType.g.documentLement.l
函数的原生Array.js方法排序之外的其他内容:
UPD : 我的浏览器是Chrome 60.0.3112.90和JavaScript V8 6.0.286.52 我将尝试使用非缩小的jquery-1.12.4.js来找出为什么在jQuery中调用compareDocumentPosition属性之间会出现空闲时刻。
答案 0 :(得分:0)
好的,当我的图书馆更新时,我已经停止了缓慢的用户界面流量调查,今天我收到了负面反馈&#34;慢速列表打开用户界面&#34;再次。我很惊讶,直到记住生产和开发环境没什么区别。 - 本地开发人员使用了非缩小的库文件和 - 生产已缩小图书馆
当我检查了我们使用的所有库时,我找到了jQuery UI。即使是最后但缩小版本也会减慢组合框列表的渲染方式,如上所述。
不知道为什么,但现在我们使用非缩小的jQ-UI并解决了问题。