Lenteur / Optimisation de code
Dans mon post précédent je cherchais à charger un select dynamiquement
http://www.developpez.net/forums/d13...te-deroulante/
et d'une certaine manière j'y suis arrivé grâce à bootstrap typeahead && bootstrap-combobox.
Mon problème est que je ne suis pas complètement satisfait... j'ai effectué un test de performance (simple calcul de temps d’exécution) et je me retrouve avec une valeur déplaisante de ce coté la :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
//Permet d'afficher la source complète à la manière d'un select
toggle: function () {
var that = this
//Récupération de la source (une fonction ou un tableau)
var items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source
this.$element.focus()
//Création des items constituant le menu
items = $(items).map(function (i, item) {
i = $(that.options.item).attr('data-value', item)
i.find('a').html(item)
return i[0]
})
items.first().addClass('active')
this.$menu.html(items)
this.show( )
} |
Je me retrouve avec une ou deux secondes de temps d’exécution pour cette fonction avec 876 données à afficher.
Je trouve que cela est assez lent, surtout lorsque l’auto complétion peut m'afficher 613 résultat en 1 dixième de seconde.
