Яка різниця між jquery.js та jquery.min.js?


289

Чим відрізняється jquery.min.js від jquery.js?

Який має підтримку всіх функцій?

Відповіді:


282

Вони обидва функціонально однакові, але у .min один вилучені непотрібні символи, щоб зменшити розмір файлу.

Для того, щоб також зазначити, вам краще використовувати мінімізовану версію (.min) для свого прямого середовища, оскільки Google зараз перевіряє час завантаження сторінки. Якщо ваш JS-файл буде мінімізований, це означає, що вони завантажуватимуться швидше, і ви отримаєте більше очок брауні.

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


1
@ sasha.sochka Можливо, так, оскільки це зменшує розмір файлу, тому це означає, що запит до сервера швидше, оскільки розмір файлу менший. Це, очевидно, в першу чергу залежить від кількості даних у файлі.
webnoob

@webnoob, вибачте за те, що не було точним у поясненні, я мав на увазі продуктивність роботи JS.
sasha.sochka

1
@ sasha.sochka AFAIK двигун JS не повинен досягти підвищення продуктивності.
webnoob

Крім того, я бачив такі функції, як ця - функція (i, s, o, g, r, a, m) . Ще один спосіб скоротити кількість символів, чи не так?
Utsav T

2
@gilbertpilz - Мінімізація не зупиняє людей красти код. Однак притуплення допомагає запобігти людям повторно використовувати ваш код. Вони, звичайно, можуть завантажити його, але це буде гнучко і важко дотримуватися.
webnoob

122

Обидва підтримують однакові функції. jquery.min.jsце стислий варіант jquery.js(пробіли та коментарі, викреслені, короткі назви змінних, ...), щоб зберегти пропускну здатність. За функціональністю вони абсолютно однакові. Рекомендується використовувати цю стиснуту версію у виробничих умовах.


94
  • jquery.js = Гарненький і легкий для читання :) Прочитайте цей.

  • jquery.min.js = Виглядає як велетень! Але має менший розмір файлу. Розмістіть цю на своєму сайті.

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

Зокрема, другий - це мінімізований процес, який передбачає видалення зайвого простору пробілів та скорочення імен змінних. Обидва сприяють зростанню коду набагато важче для читання: видалення пробілів усуває розриви рядків та пробіли, які псують форматування, а скорочення імен змінних (включаючи деякі назви функцій) замінює оригінальні імена змінних безглуздими літерами.

Все це робиться таким чином, що це жодним чином не впливає на поведінку коду під час запуску. Зокрема, заміна / скорочення імен змінних та функцій робиться лише для імен, які з'являються в локальній області, де це не заважатиме жодному іншому коду в інших сценаріях.


1
Чому ви коли-небудь використовували б не змінену версію? Я маю на увазі, що ви не посилаєтесь на не змінену версію, щоб просто її прочитати. Чому вони навіть пропонують це?
Себастьян Нільсен

24

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

Або просто прочитайте topis в StackOverflow про компресію js :):


1
Мабуть, найкращий компресор на сьогоднішній день - UglifyJS. Довгий час до цього найкращим був компілятор закриття Google.
thomasrutter

8

Легкою мовою обидві версії абсолютно однакові. Єдина відмінність:

  • min.js призначений для веб-сайтів (онлайн)

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


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


3

резюме - популярні js-фрейми, такі як jquery або dojo, пропонують одну коментовану, досить відформатовану версію з коментарями для РОЗВИТКУ та мінімізовану версію (швидше) без коментарів тощо для ВИРОБНИЦТВА

jquery.js - розробка jquery.min.js - виробництво


2

Якщо ви працюєте з JQuery на виробничому сайті, яку бібліотеку слід завантажити? JQuery.js або JQuery.min.js? Коротка відповідь - вони, по суті, однакові, з однаковою функціональністю.

Одна версія довга, а інша - мінімізована версія. Мінімізований стискається для економії місця та часу завантаження сторінки. У мінімізованій версії було видалено пробіли білого кольору, що робить їх непомітними та неможливими для читання.

Якщо ви збираєтеся запускати бібліотеку JQuery на виробничому сайті, рекомендую скористатися мінімізованою версією, щоб зменшити час завантаження сторінки, що Google зараз враховує у своєму рейтингу сторінок.

Ще одним хорошим варіантом є використання онлайн-бібліотеки javascript Google. Це позбавить вас від клопоту з завантаженням бібліотеки, а також з завантаженням на ваш сайт. Крім того, ваш сайт також не використовує ресурси при завантаженні JQuery.

Останню мінімізовану версію JQuery від Google можна отримати тут.

Ви можете посилатися на нього на своїх сторінках, використовуючи:

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



1

Якщо ви використовуєте Jquery від Google CDN, це серйозно покращить продуктивність у 5–10 разів від тієї, яку ви додасте на свою сторінку, яка завантажується. А також ви отримаєте останню версію файлів Jquery.

Різниця між обома файлами, тобто jquery.js та jquery.min.js, - це лише розмір файлу, завдяки цьому файли завантажуються швидше. :)

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.