Как сжать CSS и Javascript файлы используя UglifyJS

Как сжать CSS и Javascript файлы используя UglifyJS

UglifyJS - это инструмент для парсинга, компрессинга JavaScript. Его можно использовать для объединения и сжатия нескольких JavaScript файлов в один. Это очень полезно если вам нужно снизить нагрузку на свой сайт/блог. К тому же есть ещё один момент - СЕО оптимизация. Далеко не секрет, что поисковые системы сейчас выше ранжируют сайты и блоги, которые загружаются быстрее.

В этом посте я покажу как устанавливать и использовать UglifyJS и UglifyCSS.

Установка UglifyJS

UglifyJS доступен как Node.js модуль, а это значит, что его можно установить с помощью NPM. Первым делом вам нужно установить Node.js. После этого вы сможете установить сам UglifyJS командой:

$ sudo npm install -g uglify-js

Кстати говоря, UglifyJS доступен в репозиториях Debian/Ubuntu-подобных дистрибутивах и может быть установлен без отдельной установки Node.js. В репозиториях доступно два пакета: 1. ruby-uglifier, 2. node-uglify.

После завершения установки, проверьте всё-ли нормально, вызвав команду:

$ uglifyjs --help

Эта команда должна показать помощь по использованию UglifyJS.

Как использовать UglifyJS

Использовать команду очень просто - передайте путь к файлу, а также путь к файлу куда нужно записать результат:

$ uglifyjs пример.js > пример.min.js

Сжатие CSS файлов с помощью UglifyCSS

UglifyCSS - это, грубо говоря, примерно то же самое что и UglifyJS, но только для css :).

Установка тоже банальна:

$ sudo npm install -g uglifycss

Использовать UglifyCSS можно точно также как и UglifyJS:

$ uglifyjs пример.js > пример.min.js