Как мне сжать мой JavaScript и / или CSS?

Ответы:

3

Minify кажется стандартом. Вот сообщение в блоге с объяснением того, как его использовать.

Трэвис Норткатт
источник
8

Я настоятельно рекомендую Google Closure Compiler для сжатия кода JavaScript. Я использую его лично, и это также официальный компрессор, используемый проектом jQuery.

Этот проект может сделать довольно много, но основы таковы:

java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
Майк
источник
+1 отличный ответ. Обратите внимание, что закрытие Google, помимо сжатия больше, чем компрессор yui, также обнаруживает распространенные ошибки javascript, например, {1,2,3,}которые могут полностью уничтожить ваш сайт в «определенном браузере» (да, какой другой браузер может быть настолько глупым?)
Томас Бонини,
3

Используйте gzip .

Илхан
источник
Вы можете распаковать HTML-файлы, JavaScript, CSS, а также любой текстовый ответ (XML / JSON). Это уменьшит размер ответа, что может увеличить скорость вашего сайта.
Шон Мубри
2

Я использую проект SquishIt Джастина Этереджа . Это превосходно! Только для asp.net.

  • Он использует YUI для сжатия CSS и Javascript.
  • Поддерживает LESS
  • Я считаю, что это поддерживает Google Closure
  • Смехотворно прост в использовании.

Прочитайте вступление к сообщению в блоге .

Вот пример кода, который будет отображать один <script>тег и один <link>тег. Оба из них будут указывать на объединенный и уменьшенный файл JS / CSS.

<%= Bundle.JavaScript()
    .Add("~/js/jquery-1.4.2.js")
    .Add("~/js/jquery-ui-1.8.1.js")
    .Render("~/js/combined_#.js")
%>

<%= Bundle.Css()
    .Add("~/css/reset.css")
    .Add("~/css/text.css")
    .Add("~/css/960.css")
    .Render("~/css/combined_#.css")
%>
jessegavin
источник
Стоит отметить, что это решение ASP.NET.
Дэвид Бик
Да, я отметил, что в 3-м предложении.
jessegavin
1

Есть несколько очень популярных инструментов для сжатия / минимизации вашего JavaScript и CSS.

  • Yahoo YUI Compressor
  • Microsoft AJAX Minifier
  • Google Closure Compiler (только JavaScript)

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

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

Лично я всегда использовал YUI Compressor .

Шон Мубри
источник
0

Добавьте весь свой javascript в один файл и сожмите его, например, с помощью jsmin (http://www.crockford.com/javascript/jsmin.html). Сделайте то же самое для вашего CSS, но используйте другую технику сжатия (удаление пробелов). Поскольку это скучная повторяющаяся задача, есть доступные сценарии, которые сделают именно это для вас. Я использую Django и использую django-assets для полной автоматизации этого процесса.

D4V360
источник
0

Если вы хотите сжать размер ваших файлов Javascript, вы можете использовать упаковщик .

HoLyVieR
источник