External js σε πολλά αρχεία

[Ilias95]

Σε γενικές γραμμές είναι εντάξει να σπάμε την js σε πολλά αρχεία σε μια webapp;

Γενικά φαντάζομαι ότι δεν είναι καλό να πρέπει ο χρήστης να κατεβάσει πολλά αρχεία γιατί θα γίνουν διαφορετικά http requests άρα είναι χρονοβόρο. Δεν εννοώ όμως να σπάμε τον κώδικα για λόγους οργάνωσης. Εννοώ να σπάμε τον κώδικα σε διαφορετικά αρχεία τα οποία τα κατεβάζουμε μόνο όταν ο κώδικας τους χρειάζεται, δηλαδή σε συγκεκριμένα templates και μόνο, και άρα θα ήταν άχρηστο να κατέβει αυτός ο κώδικας στην index πχ.

Βέβαια και σε ένα αρχείο να βρίσκεται ο κώδικας θα κατέβει την 1η φορά που θα επισκεφτεί ο χρήστης τη σελίδα και έπειτα το αρχείο θα μπει στην cache του browser. Έτσι όμως θα έχουμε πιο αργή index.

Οπότε απομονώνουμε κομμάτια κώδικα σε ξεχωριστά αρχεία για να τα σερβίρουμε μόνο όταν είναι αναγκαίο ή όλος ο js κώδικας σε ένα αρχείο που κατεβαίνει απ' την αρχή κι άγιος ο Θεός;

Υπάρχει κάτι στανταρτ ή βλέποντας και κάνοντας ανάλογα με τις ανάγκες;
 

Επεξ/σία 15 Σεπτεμβρίου 2015 από Ilias95

[defacer]

Δεν υπάρχει one size fits all.

 

Γενικά αν έχεις πράγματα που είναι για παντού τα ξεχωρίζεις από τα πράγματα που είναι specific, κάθε ένα από τα 2 γκρουπ minify και concat μέσω του build system που θα πρέπει να έχεις (gulp ξερωγω) και τα σερβίρεις μέσω cdn όταν κανείς deploy.