Просмотров: 8 579

Отличие между файлами jquery.js и jquery.min.js.

Есть один вопрос, который волновал меня долгое время. На сайте jQuery предлагается загрузка двух видов файлов:

jquery.js (без приставки min в названии) и jquery.min.js  (добавлена приставка min в название файла)

05-08-2013 8-31-49

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

Итак,

1) jquery.js (без приставки min в названии)

Этот файл используется для разработки веб-сайтов и скриптов. Он представляет собой несжатый и легко читаемый Javascript код.

Выглядит этот код вот так:

05-08-2013 8-33-22

Преимущество работы с таким файлом, в том, что его можно открыть с помощью любого редактора кода и посмотреть все функции библиотеки jQuery. Это очень удобно, когда вы разрабатываете какой-либо скрипт.

Недостаток этого файла в большом объеме файла. На момент написания этой статьи объем такого файла около 266 кБ.

2) jquery.min.js  (добавлена приставка min в название файла)

Отличие этого файла от предыдущего в том, что этот файл  является более компактным, т.к. в нем удалены:

+ отступы

+ переносы строк

+ укорачиваются имена переменных.

В итоге, он приобретает вот такой нечитаемый вид

05-08-2013 8-34-34

Этот файл сделан не для человека, а для компьютера.

Но, зато, его объем очень значительно уменьшается. Вместо 266 кБайт теперь он занимает 81 кБайт. Вы можете сказать, зачем бороться за эти килобайты? Но, когда к странице подключается множество скриптов, чтобы уменьшить время загрузки, каждый килобайт очень ценен.

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

Что касается функциональности обоих файлов, то она одинакова. Функции одни и те же.

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

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

Обучающий курс для начинающих по основам работы с веб-аналитикой сайтов на системе Яндекс Метрика здесь.

Страница с описанием моих услуг по веб-аналитике: здесь.

  • http://aizol.com.ua Макс

    Дмитрий, есть сервисы для преведения этого скрипта к нормально удобочитаемому, давно пользуюсь, очень часто помогает: http://jsbeautifier.org/

    • admin

      Спасибо за ссылку, Макс. Нужно будет посмотреть.

  • Руслан

    Спасибо.