[javascript-html]devo ottimizzare

[MEMon]

Devo ottimizzare al massimo del codice javascript.

1) Il mio principale dubbio è se scrivere codice OOP lo rende più performante o ne peggiora la situazione(soprattutto nell'utilizzo di memoria).
Ad esempio:
OOP

function MyObject(dom){
      this.dom=dom;
      this.move=function(x,y){
         //code
      }
}

var a=new MyObject(div1);
a.move(4,5);

var b=new MyObject(div2);
b.move(40,50);

Con un approccio OOP risulta sensibilmente più pulito, ma in termini di efficienza?
Viene replicata la funzione per ogni oggetto, e così anche le variabili che si usano immagino...

Procedurale

function move(dom,x,y){
    //code
}

move(div1,4,5);
move(div2,40,50);

Qual'è da preferire?
Ovviamente sto parlando di grandi progetti.

2) Le variabili dichiarate(e non) all'interno di una funzione che ciclo di vita hanno?
Per ciclo di vita non intendo se le posso riutilizzare anche all'esterno ma se vengono distrutte dal garbagecollector a fine funzione, cioè se la memoria viene effettivamente rilasciata.
Esempio:

var y=0;
function test1(){
     var x=3;
     y+=x;
     return y;
}

function test2(){
     var x=3;
     y+=x;
     x=null;
     return y;
}

function test3(){
     x=3;
     y+=x;
     return y;
}

x viene distrutta al termine delle funzioni?
C'è differenza fra le 3 funzioni in termini di memoria utilizzata?


3) Quando devo creare dei cicli temporizzati(dove magari all'interno sposto un oggetto DOM) è meglio che utilizzo setInterval, o che creo una funzione ricorsiva con setTimeout?
setInterval è fatto apposta per i cicli, ma è una funzione "ottimizzata" bene?

4) Se devo creare elementi DOM sul momento, ai quali devo applicare regole CSS, è meglio che i css li applico direttamente con javascript, o che assegno un id all'oggetto il quale avrà le sue belle regolette in un foglio di stile?
C'è differenza per i browser in termini di velocità nel renderizzarlo e successivamente muoverlo/ridimensionarlo ecc ecc?

5) Ho notato che i browser(soprattutto firefox) fanno fatica nel gestire un fadeIn/fadeOut(opacizzare gradualmente un elemento dom) se questo è di grandi dimensioni...
L'utilizzo di CPU è sostanzioso, c'è qualche trucchetto da utilizzare per caso che non conosco?
In più fanno fatica anche a spostare e ridimensionare un elemento con opacità inferiore al 100%...

6) Mettiamo che devo spostare un elemento DOM che ha al suo interno altri vari elementi.
I browser fanno più fatica a reinderizzare l'elemento se gli elementi al suo interno sono posizionati in modo assoluto, o se seguono il normale flusso dei dati?
Esempio:

<div id="toMove" style="position:absolute; top:0px; left:0px">
    <div class="inner">
         <img class="inner"/>
         <label class="inner">blabla bla</label>
         <p class="inner">bvla bla valjeiklfnelkfnekfde </p>
    </div>
    <h3 class="inner"></h3>
</div>

Ecco, se devo spostare "toMove", è meglio se al suo interno posiziono tutto in modo assoluto(quindi con riferimento a toMove) o se lascio tutto normale?
Oppure non c'è nessuna differenza?



Per ora direi che può bastare, scusate se vi sembrano delle cazzate ma io sono fissato per cercare di ottimizzare al meglio e credo che differenze ce ne siano.
Mi piacerebbe una conferma/smentita.