jquery-autocomplete - jQuery を使用したクライアント側のオートコンプリートが遅い

Question

私のページには、遺伝子リストのデータ値の散布図があります。リストは 30,000 以上になる場合があります。クライアントにすべてのデータがあるため、オートコンプリートは次のようになります。

html:

<label>Search for a specific gene:</label> <input size=25 maxlength=100 id=gene_autocomplete class="autocomplete" />

CSS:

.ui-autocomplete {
    max-width: 275px;
            max-height: 300px; 
            overflow-y: auto;
            overflow-x: hidden;
            padding-right: 20px;

}

ul.ui-autocomplete li.ui-menu-item {
    font-size: 11px;
    margin-right: 15px;

}

Javascript:

$(document).ready(function () {

...

$("input#gene_autocomplete").autocomplete({source: data.ids, minLength:4});

... followed by parsing a data file 

---

parseGct: function(dataText) {

    var rows = dataText.split('\n');

    this.vals = new Array();
    this.colNames = rows[2].split('\t').splice(2);
    for(var i = 3; i < rows.length; i++) {

        var cols = rows[i].split('\t');
        if(cols.length < 2) continue;
                    var data = cols.slice(2);
        this.toFloat(data);
        this.vals.push(data.slice());
    }
},

さまざまな遅延 (0 から 700) を試しましたが、役に立ちませんでした。通常、ブラウザはタイムアウトします。これをスピードアップするにはどうすればよいですか?