jQuery UI 自动完成会因项目列表很长而变得非常慢答案

【问题标题】：jQuery UI autocomplete gets very slow with long list of itemsjQuery UI 自动完成会因项目列表很长而变得非常慢
【发布时间】：2017-08-22 01:38:05
【问题描述】：

我有一个大约 8,000 个项目的列表（从 MySQL 加载），我创建了一个简单的 HTML 选择字段来加载所有项目，但每次加载时间都超过 10-15 秒。然后我将其更改为 jQuery 自动完成，这比简单的选择字段要好得多，但每次延迟仍然是 8-10 秒。有什么办法可以减少加载时间？

我试试这个方法jQuery UI Autocomplete Combobox Very Slow With Large Select Lists但是不影响加载速度

【问题讨论】：

我认为解决您的问题的最佳方法是不加载所有 8000 项添加一次。也许您可以为项目实现一些延迟加载，或者采取一种方法，根据您从 API 的输入加载可能的项目。

标签： jquery html performance jquery-ui autocomplete

【解决方案1】：

你也可以试试html5 datalist

<input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>

你也可以试试轻量级jshttp://leaverou.github.io/awesomplete/

【讨论】：

我点击了链接，但所有示例都包含很少的项目！？性能真的更好吗？ q中提到了8000项。
感谢您的提示

【解决方案2】：

datalist 的问题在于它目前无法设置样式...... W3 设计师的一个令人震惊的疏忽。

否则，它比 jq-ui 自动完成数千个列表项更快。

【讨论】：