Temps d'exécution : importance du contenant ?

[nims]

Bonjour à tous !

Je viens de faire un test de rapidité d'exécution.
Je fais juste une recherche dans du HTML : je récupère le premier H3 parmis 3 présents.

Voici mon code jQuery :
(10 exécutions de 1000 sélections a chaque itération)

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
$(function() {
 
                var $content = $('textarea');
 
                for(j=0;j<10;j++){
 
                    console.time('name');
 
                    for(i=0;i<1000;i++)
                        $($content,'h3:first').text();
 
                    console.timeEnd('name');
 
                }
 
            })

On voit que les données viennent du textarea.
Si je modifie mon textarea en div, les temps sont doublés...

Pourquoi la structure du contenant agit elle "autant" sur le temps d'exécution ?


Question HS : comment s'appel la technique pour faire des traitements comme ça : $(data,'traitement) au lieu de $('traitement') ? Je n'arrive pas à trouver des docs sur cette manière de faire.

Merci d'avance pour votre aide !!

[danielhagnoul]

Bonsoir

Impossible de tester sans la totalité du code. Mais quelques remarques.

Pas de variables globales, mais var i, j;

Ne jamais construire un sélecteur dans une boucle.

Votre sélecteur contextuel me semble bizarre.

Pour sélectionner le premier h3 dans tous les textarea de la page !

var i, j, jObj = $("h3:first", "textarea");.

Pour un textarea avec un ID : var i, j, jObj = $("h3:first", "#textareaID");.

Mieux un sélecteur détaillé (de toute manière, c'est ce qu'il ferra en interne)

Code :

1
2
3
4
5
6
7
var i, j, jObj = $("#textareaID").find("h3:first");
 
for(j=0;j<10;j++){
    console.time('name');
    for(i=0;i<1000;i++){ console.log( jObj.text() );
    console.timeEnd('name');
}

$(data,'traitement) ? Vous voulez parler de http://api.jquery.com/data/ ?

[nims]

Merci pour les remarques (code vite fait ).

En fait, peut importe le code.
Ma constatation : la vitesse de récupération d'un contenu dépend de son contenant apparemment ...

Récupérer à partir d'un DIV semble 2 fois plus lent que d'un textarea...

Je voulais creuser ce "phénomène"...

Merci pour le lien, j'ai trouvé entre temps