diversi piccoli file js per pagina VS. 1x file js del sito?

Question

Diverse pagine del mio sito hanno diverse esigenze js (plugins principalmente), alcuni hanno bisogno di una lightbox, un po 'Dont, alcuni hanno bisogno di una giostra, un po' Dont ecc

Per quanto riguarda la velocità pageloading dovrebbe ho opzione

1 - di riferimento ogni js file quando è necessario:

così una pagina potrebbe avere:

<script type="text/javascript" src="js/carousel/scrollable.js"></script>  
<script type="text/javascript" src="js/jquery.easydrag.js"></script> 
<script type="text/javascript" src="js/colorbox/jquery.colorbox-min.js"></script> 

e un altro avere:

<script type="text/javascript" src="st_wd_assets/js/carousel/scrollable.js"></script> 
<script type="text/javascript" src="st_wd_assets/js/typewatch.js"></script> 

opzione 2 - unire e comprimere in un unico file di site_wide.js:

in modo che ogni pagina sarebbe di riferimento:

<script type="text/javascript" src="js/site_wide.js"></script> 

ci sarebbe selettori inutilizzati/ascoltatori di eventi, però, come brutto è questo? vorrei includere eventuali note plugin/accreditamenti nella parte superiore delle site_wide.js file di

Answer 1

Di solito è meglio per combine these and serve one file, che si impostano le intestazioni di cache in modo che il cliente tiene su di esso, non richiedendo che ogni pagina. Ricorda che se un selettore jQuery non trova nulla, non fa nulla quindi non è un grosso problema finché usi una buona porzione del tuo script ogni pagina, è giusto che abbia selettori senza corrispondenze.

Make sure it's being cached by the client though, di tutto il tuo lavoro è inutile. Assicurati anche che it's served minified and gzipped. E per ultimo, guarda l'hosting del tuo main libraries from a CDN.

Answer 2

Combinali in un unico file esterno grande e miniato e includilo in ogni pagina. Dopo il caricamento della prima pagina, il browser lo memorizzerà nella cache, quindi l'utente lo scaricherà solo una volta.