Sélecteur multiple vs performance sélecteur unique

J’ai essayé de trouver une réponse et j’ai trouvé une question connexe, et bien qu’ils confirment mes conclusions ( qu’un appel à sélecteur multiple est plus lent que plusieurs appels à sélecteur simple ), aucun d’eux ne me dit pourquoi.

En gros, lorsque vous exécutez ce code:

$("#one, #two").hide(); $("#one, #two").show(); 

Contre ce code:

 $("#one").hide(); $("#two").hide(); $("#one").show(); $("#two").show(); 

Ensuite, ce dernier sera plus rapide d’environ 50%.

• Désactivation de l’élément sélectionné lorsque la case à cocher est cochée avec jQuery
• Plusieurs appels jsonp Ajax avec la méthode différée jQuery $ .when
• Comment puis-je déboguer une erreur 500 Internal Server lors de l’appel d’une WebApi depuis ajax?
• jQuery – comment puis-je savoir si un identifiant a une chaîne spécifique?
• JQuery UI autocomplete – Masquer la liste après avoir cliqué, entrez

Cependant, une fois que nous avons ajouté un troisième sélecteur, la différence de performances est 39% plus rapide.

Quasortingème différence de sélecteur: 26% plus rapide.

Cinquièmement: 30% plus rapide.

Sixième: 31% plus rapide.

Dix: 31% plus rapide.

(Notez que ces valeurs semblent se situer dans une marge d’environ 5%)

Nous obtenons donc quelque chose qui ressemble à ceci:

La performance semble se stabiliser autour de 6 sélecteurs. Cela ne semble jamais être “plus rapide” que d’être 31% plus lent que de passer par chacun des appels. Pourquoi donc?

Personnellement, j’aime utiliser plusieurs sélecteurs par appel, mais il semble avoir un impact (relativement) important sur les performances. Quand cela serait-il (non) approprié d’utiliser?

• Obtenir le caractère correct sur l’événement de clavier
• Obtenir la valeur de la variable PHP à partir de HTML data-id
• Comment transformer ce code javascript couramment utilisé en plugin?
• Afficher ou masquer un élément de formulaire
• Que signifie ‘+ variable +’?