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

Question

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

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

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

Answer 1

С точки зрения производительности, снабжая все ваши JS в один файл в браузер, как предложено другие ответы, разумно. Тем не менее, наличие вашего кода, построенный таким образом, нет, каждый «класс» должен быть в отдельном файле, разделение вещей в субъекты и управляющий файл или два, чтобы обрабатывать фактические вызовы страницы - так же, как на любом другом языке. Затем они могут быть объединены в один файл для подачи либо заранее, либо динамически - предпочтительно также минимизированы.

Answer 2

Сохранение вызовов скрипта к минимуму улучшает время обработки - каждый скрипт включает в себя круговую поездку, которая добавляет время. Итак - личные предпочтения, если вам не волнует время загрузки страницы.

Yahoo's. Лучшие практики для ускорения вашего веб-сайта начинается с Минимизируйте HTTP-запросы:

80% от времени отклика конечного пользователя расходуется на интерфейс. Большиньшее из этого времени связано с загрузкой всех компонентов на странице: изображения, таблицы стилей, сценариев, вспышка и т. Д. Уменьшение количества компонентов, в свою очередь, уменьшает количество HTTP-запросов, необходимых для оказания страницы. Это ключ к более быстрым страницам.

Один из способов уменьшить количество компонентов на странице - упростить дизайн страницы. Но есть ли способ создавать страницы с богатым контентом, а также достижение быстрого времени отклика? Вот некоторые методы уменьшения количества http-запросов, пока все еще поддерживают богатые проекты страницы.

Комбинированные файлы являются способом уменьшения количества HTTP-запросов путем объединения всех скриптов в один скрипт и аналогично сочетать все CSS в одну таблицу стилей. Сочетание файлов является более сложным, когда сценарии и таблицы стилей варьируются от страницы к странице, но при этом эту часть вашего процесса выпуска улучшает время отклика.

Answer 3

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

Но я думаю, что это зависит от личных предпочтений.