Хорошее структурирование JavaScript в проекте?

Итак, я почти закончил работу с JS на моем веб-сайте. Он включает jQuery (и как таковой .ready init) Страница состоит из двух частей, верхняя - это в основном Google Maps, а нижняя - формы ввода.

Все это в настоящее время находится в одном .js, функциях, инициалах, итерациях, все это. Это хорошая структура и все такое, все сделано правильно.

Однако мой вопрос: что такое хорошая структура? Должен ли я помещать верхнюю половину в один файл, а нижнюю - в другой? Или мне следует поместить все необходимые инициализации в .ready () и поместить все функции в другой файл? Или мне следует хранить все в постоянно растущем файле?