Упаковка Javascripts - стоит ли это того?

Question

Если упакованный Javascript экономит 20 КБ от размера загружаемого файла, но для его распаковки требуется хит производительности, есть ли какие-то преимущества, кроме запутывания кода?

Я сделал это вики-сообществом, потому что оно может быть открыто для обсуждения.

Answer 1

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

Answer 2

Предположительно, упакованный JavaScript (немного) более эффективен для отправки сервером, в то время как затраты на распаковку покрываются клиентом.

Если пользовательский опыт в обоих случаях эквивалентен, я бы выбрал упакованный JS.

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

Answer 3

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

Answer 4

Ребята из Yahoo YSlow рекомендуют использовать как минификатор, так и сжатие gzip.

Минификатор убирает пробелы, сокращает имена переменных и т. Д. Таким образом, вы можете кодировать с правильными отступами и именами переменных, чтобы другие разработчики могли понять ваш код.

Сжатие gzip, вероятно, еще более ценно.

Answer 5

Вопрос в том, почему упаковка экономит 20 КБ? Вы должны изучить вопрос о том, как уменьшить ваш «нормальный» JavaScript. Значительно ли улучшена читабельность вашего кода за счет размещения пробелов вокруг операторов или использования очень длинных имен переменных и функций? Самая вопиющая трата пропускной способности, которую я видел в любом веб-контенте, скрипте, странице или CSS, связана с отступами. Если вам нужно сделать отступ, используйте символы табуляции или пробелы. Нет ничего более расточительного, чем сто строк подряд с 20+ пробелами в начале.