Лучшие практики для разработки и код maintaing для сложного JQuery/JQueryUI основывали приложения

Я работаю над своим первым очень сложным основанным на jQuery приложением.

Единственная веб-страница может содержать сотни связанного с jQuery кода, например, к диалоговым окнам JQueryUI.

Теперь я хочу организовать код в разделенных файлах.

Например, я перемещаю весь диалоговый код инициализации $("#dialog-xxx").dialog({...}) в разделенных файлах и должный снова использовать я переношу их на единственном вызове функции как

dialogs.js

function initDialog_1() {
  $("#dialog-1").dialog({});
}

function initDialog_2() {
  $("#dialog-2").dialog({});
}

Это упрощает функциональный код, и ясно дайте понять страницу вызывающей стороны

$(function() {
  // do some init stuff
  initDialog_1();
  initTooltip_2();
});

Действительно ли это - корректный шаблон?

Вы используете более эффективные методы?

Я знаю, что разделение кода во многих js файлах представляет ужасное использование пропускной способности полосы так.

Действительно существует некоторая хорошая практика или инструмент для 'присоединений' к файлам для продуктивных сред?

Я воображаю некоторый инструмент, который действительно больше работает, чем, просто минимизируют и/или сжимают код JS.