jQuery: рекомендуется minified-версия фреймворка
Я всегда стремился использовать упакованную (packed) версию фреймворка jQuery, считая, что, чем меньше размер файла, тем быстрее jQuery будет загружаться.
В действительности оказалось, что из 3-х вариантов файлов jQuery (стандартный, уменьшенный и упакованный) уменьшенный (minified) – самый оптимальный в плане скорости загрузки фреймворка, даже несмотря на то, что размер файла больше раза в 2-3 упакованной версии. Об этом я узнал с официального сайта, где приводится ссылка на страницу со сравнительными показателями скорости загрузки этих 3-х вариантов:
| Тип файла | Ср. время загрузки |
|---|---|
| minified | 519.7214 |
| packed | 591.6636 |
| normal | 645.4818 |
Как видите, относительная разница между minified и packed существенна.
Дело в том, что упакованная версия предварительно требует распаковки на стороне клиента с использованием алгоритма JavaScript декомпрессии. И эта распаковка занимает ощутимое количество времени относительно уменьшенной версии, в результате чего последняя загружается значительно быстрее.
По этой причине разработчики фреймворка, начиная с jQuery 1.3, перестали выкладывать упакованную версию и рекомендуют использовать уменьшенную (minified) версию, т.к. она – оптимальная форма jQuery для применения в веб-разработке.
Смотрите также
jQuery-cкрипт "Добавить в закладки"
Данный скрипт – это усовершенствованная версия JS-скрипта “Добавить в закладки”, который я представил читателям более года назад. Прежде всего хочу поблагодарить Женю Самборского за то, что помог мне его “добить”. ...
Скрипт для плавной прокрутки на верх страницы (на JavaScript и на jQuery)
Предлагаю вашему вниманию скрипт, который плавно прокручивает страницу наверх при клике на соответствующую ссылку. Я сделал 2 варианта: на чистом JavaScript и на jQuery. Выбирайте тот, который вам больше по ...
Динамическое подключение jQuery
С целью дальнейшего развития моего сервиса-скрипта Share42.com я искал способ динамического подключения фреймворка jQuery непосредственно в коде JavaScript. Нашел красивое решение, которое выполняет одновременно 2 задачи: Проверяет, подключен ли уже ...
Умные динамические колонки с применением CSS и jQuery
Существует два типа колонок, используемых на веб-сайтах: фиксированной ширины и тянущиеся в ширину в зависимости от размера экрана (их еще называют “резиновыми”). Недостатком фиксированных колонок при их использовании в “резиновом” ...
Комментарии (10)
Логично… В 6 ИЕ разница вообще ощутима.
Как вариант, настроить для Апача mod_deflate, чтобы сжимал JavaScript gzip’ом
WordPress, зараза, использует упакованную версию, это еще один минус к скорости его работы.
Это положительно скажется на скорости загрузки jQuery?
Да. gzip-сжатие позволяет сжать средний JS/CSS/HTML файл примерно в 4 раза. Диалапщики скажут спасибо :-)
Я думаю, что здесь речь идет не о скорости загрузки на комп, а о скорости получения готового к выполнению скрипта. Сама по себе загрузка выполняется браузером и потом кэшируется. А вот распаковка, да, обрабатывается кажый раз. Поэтому и такие показатели.
Сейчас уже единицы сидят на диалапе и помегабайтовых тарифах – нет смысла использовать упакованную версию. Раньше боролись за каждый килобайт :)
Да, именно это и подразумевается.
Это вы зря. Я например очень часто подключаюсь к интернет вообще через gprs
Да. Прикольное сжатие.
Смотря где сжимать, если у вас проект небольшой, то лучше и не сжимать, трафика почти столько же, зато броузеру легче дышать.
разница в наносекунды. задержка заметна будет разве что на первом пне интересно сколько их в инет ходят? мне больше нравится упакованная. таким образом всего 38кб, дело тут даже не в размере, зато можно запихнуть в файл jquery другие скрипты, а если весь jquery в одну строчку – это сделать просто и для понимания своего же кода полезно.