Лучший способ организовать файлы JavaScript - PullRequest
8 голосов
/ 03 января 2011

Итак, у меня есть веб-приложение с несколькими файлами JS (jQuery, jQuery, мой собственный код JS и т. Д.). Скажем, у меня есть страница с именем index.html. Что было бы лучше всего включить / предварительно загрузить мои файлы js? Я думал о создании отдельного файла JS, который будет выполнять предварительную загрузку (включая все другие сценарии и вызов jQuery.noConflict ()). Что вы, ребята, предлагаете? Это возможно? Как бы вы это реализовали?

Спасибо!

Ответы [ 4 ]

7 голосов
/ 03 января 2011

В общем, объедините ваши файлы скриптов в один файл (и минимизируйте или сжимайте их или даже компилируйте их, но обратите внимание, что этот последний элемент не без воздействия, есть болевые точки). См. Примечания здесь и здесь . По сути, одно из первых указаний, которое вы увидите для хорошей быстрой загрузки страницы, - «минимизировать HTTP-запросы». Таким образом, вам не нужны шесть отдельных тегов script, где вы могли бы иметь один.

Однако для популярных сценариев вы можете извлечь выгоду из их использования из CDN Google . Google любезно размещает самые популярные библиотеки JavaScript на своих CDN бесплатно. Преимущество здесь состоит не только в том, что CDN будет довольно быстрым, но и в том, что браузер целевого пользователя может иметь кэшированную версию скрипта, который вы хотите использовать, даже если они никогда не были на вашем сайте ранее .

5 голосов
/ 03 января 2011

Проверьте RequireJS , умный и надежный загрузчик скриптов для JavaScript.Он хорошо работает с jQuery и поставляется с инструментом оптимизации для объединения всех ваших скриптов в один.

0 голосов
/ 03 января 2011

Если вы собираетесь загрузить все одновременно, вы можете поместить все это в один сжатый файл

0 голосов
/ 03 января 2011

Лучший способ - минимизировать все js-файлы и объединить их в один скрипт.Это приведет к меньшему количеству работы для браузера, поскольку ему не нужно делать несколько запросов к серверу.

...