JQUERY - Accélérer le code

Question

J'ai une question générique. J'ai entendu plusieurs fois qu'un excellent moyen d'accélérer votre code est de ne pas appeler le même sélecteur encore et encore - par exemple - 4 fois un sélecteur DIV:

if($('div#spotJoinSite').is(':visible')) { 
     var pos = $('div#spotJoinSite').offset(); 
     var width = $('div#spotJoinSite').width(); 
     var height = $('div#spotJoinSite').height(); 
     $('div#container_join_messages').css({'position': 'fixed'});   
    } 

Serait-il donc une bonne idée d'avoir une section en haut d'un script js qui reliait tous les sélecteurs nécessaires aux variables - par exemple:

 var spotJoinSite = $('div#spotJoinSite'); 
     var container_join_messages = $('div#container_join_messages'); 

les variables peuvent être exclusivement utilisées.

Est-ce une bonne idée ou une mauvaise idée? À quelle vitesse peut-on s'attendre? noticable ou pas? Quels sont les problèmes potentiels? Le feriez-vous?

Si les noms des variables sont identiques à ceux du sélecteur, il serait facile de les référencer.

Answer 1

Oui, il est peut-être perceptible sur les ordinateurs lents ou sur des applications très dures comme les mini-jeux dans jQuery/javascript