Объединение нескольких файлов JavaScript

Question

Я читал, что объединение нескольких файлов javascript в один файл повышает производительность, это правда?

Если это так, существует ли простой и безошибочный способ их объединения или, возможно, онлайн-инструмент, который автоматически это делает?

Большое спасибо.

Answer 1

См. Множество файлов javascript / css: лучшие практики? и Надстройка Javascript в PHP .

Короткий ответ: вы хотите минимизировать внешние HTTP-запросы. Лучший способ сделать это - заставить браузер кэшировать файлы на сервере, пока они не изменятся. Вы делаете это путем создания версий файлов и предоставления заголовка Expires далекого будущего. При изменении имени файла (путем изменения версии) браузер получит новую версию.

Если вы сделаете это, несколько файлов Javascript на самом деле не имеют значения. Но если вы заставите клиента загружать 27 файлов JS на каждой странице без кэширования, то уменьшение количества файлов может существенно изменить ситуацию. Конечно, это все еще уступает эффективным стратегиям кэширования / управления версиями.

Еще одна более свежая проблема, которую следует рассмотреть, - кэширование iphone :

iPhone не будет кэшировать компоненты больше 15К (было 25К в предыдущий эксперимент)

Так что в некоторых случаях объединение файлов может быть вредным.

Answer 2

Вы также можете взглянуть на http://jscompress.com/, онлайн-инструмент сжатия JavaScript.

Answer 3

Если у вас много файлов javascript, это может помочь объединить их и минимизировать их. Объединяя их в один файл, вы уменьшаете количество подключений и файлов, которые необходимо загрузить с вашего сайта. Минимизируя их, вы фактически уменьшаете размер файлов, удаляя пробелы, комментарии и так далее. Посмотрите на JSMin и YUI Compressor.

Edit: Как указывают другие комментаторы, объединение файлов действительно имеет смысл, только если пользователи активно используют функции из всех файлов. Не имеет смысла объединять большой и редко используемый файл javascript со всеми вашими обычно используемыми функциями.

Answer 4

вы можете попробовать pakd.io вы можете объединить CSS и JS файлы