В чем разница между jquery.js и jquery.min.js?

290

В чем разница между jquery.min.js и jquery.js?

Какой из них имеет поддержку всех функций?

Гаури
источник

Ответы:

283

Оба они функционально одинаковы, но в .min удалены все ненужные символы, чтобы уменьшить размер файла.

Просто чтобы указать на то, что вам лучше использовать минимизированную версию (.min) для вашей реальной среды, так как Google теперь проверяет время загрузки страницы. Сокращение всех ваших файлов JS означает, что они будут загружаться быстрее и принесут вам больше очков брауни.

Вы можете получить аддон для Mozilla под названием Page Speed, который будет просматривать ваш сайт, показывать вам все файлы .JS и предоставлять уменьшенные версии (среди прочего).

webnoob
источник
1
@ sasha.sochka Потенциально да, так как это уменьшает размер файла, поэтому это означает, что запрос к серверу быстрее, так как размер файла меньше. Это, очевидно, зависит от количества данных в файле в первую очередь.
webnoob
@webnoob, извините за не точное объяснение, я имел в виду производительность JS во время выполнения.
саша.сочка
1
@ sasha.sochka AFAIK нет никакого увеличения производительности, которое будет иметься с двигателем JS.
webnoob
Кроме того, я видел такие функции, как эта - функция (i, s, o, g, r, a, m) . Это еще один способ сократить количество символов?
Утсав Т
2
@gilbertpilz - Сокращение не мешает людям воровать код. Однако запутывание помогает предотвратить повторное использование вашего кода людьми. Они могут, конечно, скачать его, но это будет бессмысленно и трудно будет следовать.
webnoob
122

Оба поддерживают одинаковые функции. jquery.min.jsявляется сжатой версией jquery.js(пропущены пробелы и комментарии, сокращены имена переменных, ...) для сохранения пропускной способности. С точки зрения функциональности они абсолютно одинаковы. Рекомендуется использовать эту сжатую версию в производственной среде.

Дарин димитров
источник
94
  • jquery.js = Красивый и легкий для чтения :) Прочитайте этот.

  • jquery.min.js = Похоже на бред! Но имеет меньший размер файла. Разместите это на своем сайте.

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

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

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

thomasrutter
источник
1
Зачем тогда вам использовать неунифицированную версию? Я имею в виду, что вы не ссылаетесь на неуменьшенную версию, чтобы просто прочитать ее. Почему они даже предлагают это?
Себастьян Нильсен
24

Jquery.min.js - это не что иное, как сжатая версия jquery.js. Вы можете использовать его так же, как jquery.js, но он меньше, поэтому в работе вы должны использовать уменьшенную версию, а при отладке вы можете использовать обычную версию jquery.js. Если вы хотите сжать свой собственный файл JavaScript, вы можете эти компрессоры:

Или просто прочитайте topis на StackOverflow о сжатии js :):

Ярек
источник
1
Вероятно, лучший компрессор в настоящее время - это UglifyJS. Долгое время до этого лучшим был Google Closure Compiler.
Томасруттер
8

Проще говоря, обе версии абсолютно одинаковы. Единственная разница заключается в следующем:

  • min.js для сайтов (онлайн)

  • .js предназначен для разработчиков, парней, которым нужно читать, узнавать или / и понимать коды jquery, например, для разработки плагинов (оффлайн, локальная работа).

Xfile
источник
5

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

Крис ван дер Маст
источник
3

jquery.js: когда вам нужно погрузиться в исходный код jquery jquery.min.js: сжатая версия для экономии пропускной способности

Существует еще один вариант экономии пропускной способности, чем сжатая версия, использующая что-то вроде Google CDN: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

PeterWong
источник
3

Резюме - популярные фреймворки js, такие как jquery или dojo, предлагают одну закомментированную, довольно отформатированную версию с комментариями для РАЗРАБОТКИ и минимизированную версию (быстрее) без комментариев и т. д. для ПРОИЗВОДСТВА

jquery.js - разработка jquery.min.js - производство

Себастьян Лассе
источник
2

Если вы используете JQuery на рабочем сайте, какую библиотеку вам следует загрузить? JQuery.js или JQuery.min.js? Короткий ответ: они по сути одинаковы, с одинаковой функциональностью.

Одна версия длинная, а другая минимизированная. Минимизированное сжатие для экономии места и времени загрузки страницы. В минимизированной версии убраны пробелы, что делает их ненастоящими и недоступными для чтения.

Если вы собираетесь запускать библиотеку JQuery на производственном сайте, я рекомендую вам использовать уменьшенную версию, чтобы уменьшить время загрузки страницы, которое Google теперь учитывает в своем рейтинге страниц.

Другим хорошим вариантом является использование онлайн-библиотеки Google javascript. Это избавит вас от хлопот загрузки библиотеки, а также загрузки на ваш сайт. Кроме того, ваш сайт также не использует ресурсы при загрузке JQuery.

Последняя уменьшенная версия JQuery от Google доступна здесь.

Вы можете ссылаться на него на своих страницах, используя:

http://ulyssesonline.com/2010/12/03/jquery-js-or-jquery-min-js/

Аюш Суганди
источник
1

jquery.min - это сжатая версия. Удалены комментарии, новые строки, ...

robdoan
источник
1

Если вы используете Jquery из Google CDN, это серьезно повысит производительность в 5-10 раз по сравнению с той, которую вы добавляете на страницу, которая загружается. А также, вы получите последнюю версию файлов Jquery.

Разница между обоими файлами, т.е. jquery.js и jquery.min.js, заключается только в размере файла, поэтому файлы загружаются быстрее. :)

Hitesh
источник