Jakie są standardowe praktyki zarządzania średnio-dużą aplikacją JavaScript? Moje obawy dotyczą zarówno szybkości pobierania z przeglądarki, jak i łatwości i łatwości konserwacji.

Nasz kod JavaScript jest z grubsza „nazwany” jako:

var Client = {
   var1: '',
   var2: '',

   accounts: {
      /* 100's of functions and variables */
   },

   orders: {
      /* 100's of functions and variables and subsections */
   }

   /* etc, etc  for a couple hundred kb */
}

W tej chwili mamy jeden (nieopakowany, niezapisany, wysoce czytelny) plik JavaScript, który obsługuje całą logikę biznesową aplikacji internetowej. Ponadto istnieje jQuery i kilka rozszerzeń jQuery. Problem, z którym się borykamy, polega na tym, że trzebana zawsze znaleźć cokolwiek w kodzie JavaScript, a przeglądarka nadal ma tuzin plików do pobrania.

Czy powszechne jest posiadanie garstki „źródłowych” plików JavaScript, które są „kompilowane” w jeden końcowy skompresowany plik JavaScript? Jakieś inne przydatne wskazówki lub najlepsze praktyki?