Чем эффективно оптимизировать (Minify, Combine, Gzip) JS и CSS файлы на веб-сервере NGINX?

Question

[German Zvonchuk]

Доброго времени суток.
Подскажите, пожалуйста, мне самый эффективный способ для Minify, Combine и GZip файлов CSS и JS.

До сегодняшнего дня и использовал Apache и модуль Mod_pagespeed. Честно говоря, он не очень эффективно собирал все CSS-файлы и JS-файлы в один, но Minify и GZip успешно делал.

Сейчас сервер с Apache иногда очень сильно загружается, поэтому я занялся установкой NGINX, и вот теперь ищу эффективный способ для сжатия и объединения CSS и JS файлов.

Может ли NGINX делать Minify, Combine и GZip?
Или, может быть, это стоит делать какими-то сторонними средствами, чтобы NGINX отдавал уже готовые GZIP-файлы?

Буду очень признателен за любые советы по этой теме.

Answer 1

[Michael Danilov]

Непонятно зачем делать конкатенацию и минификацию средствами веб-сервера на лету. Неужели у вас каждый раз генерируются уникальные стили и скрипты?
Проще на этапе генерации (если всё-таки это один раз, а не постоянно) сконкатинировать, минифицировать и сжать, а уже в таком виде отдавать.
Собственно для первых двух вариантов есть Grunt, Gulp и прочие сборщики, либо специфичные для вашей системы.
У Nginx есть директива gzip_static, которая позволяет отдавать заранее минифицированный файл.

Answer 2

[sim3x]

gulpjs.com
make
bash
...

Если js, css будут по 10 метров, то и крутым браузерам может поплохеть

combine->minimize->gzip -9

Answer 3

[Ramallah]

Grunt, Brunch и тому подобное...

Answer 4

[portfelio]

Расскажите подробнее, чем вас не устраивает mod_pagespeed. Стоит ли вам советовать альтернативу https://github.com/pagespeed/ngx_pagespeed Еще есть вариант написать свою процедуру на Perl или Lua и использовать ее для ваших целей работы с файлами.

Я лично не сторонник "на лету"шной оптимизации файлов. Лучше, когда этим занимается отдельный инструмент, а вот Gzip и отдачу вполне можно отдать Nginx :)

Comments

[German Zvonchuk]

@portfelio
у меня сервер на базе Intel Xeon E5-2407 ( четыре ядра по 2.20GHz), так вот, сервер порой бывает очень нагружен. Чуть ли не на все 100% все четыре ядра.

top - 14:58:03 up 18 days, 19:16, 1 user, load average: 6.40, 6.40, 6.31
Tasks: 240 total, 1 running, 238 sleeping, 1 stopped, 0 zombie
Cpu(s): 0.3%us, 0.4%sy, 0.0%ni, 99.3%id, 0.0%wa, 0.0%hi, 0.0%si, 0.0%st
Mem: 7888104k total, 7265976k used, 622128k free, 419336k buffers
Swap: 8028152k total, 42956k used, 7985196k free, 5134960k cached

В TOP порой появляются несколько процессов httpd и каждый из них от 10% до 40%.
Я предположил что такую нагрузку может создавать mod_pagespeed, поэтому решил установить NGINX.

[German Zvonchuk]

@portfelio а mod_pagespeed разве не на лету оптимизирует файлы?

Answer 5

[German Zvonchuk]

Спасибо вам всем большое.
О существовании Grunt и Gulp я не знал... попробую установить Gulp , чтобы он собирал JS и CSS файлы от Wordpress, а дальше чтобы сжатые файлы отдавал NGINX.

Answer 6

[Дэн]

Для wordpress есть плагин Wp-minify для минификации. Еще очень хороший минифаер YUI compressor (Java либа).