Как включить сжатие CSS и JavaScript

Зачастую на сайте используется несколько файлов css и несколько файлов со скриптами JavaScript. В таком виде эти данные удобно разрабатывать и сопровождать. К сожалению, подобная организация негативно сказывается на скорости загрузки страницы у клиента, так как броузер вынужден запрашивать каждый файл отдельно, дождавшись при этом загрузки предыдущего (это не совсем верно, но выглядит это примерно так). Кроме того, хорошо и правильно оформленный код имеет много лишнего: комментарии, отступы форматирования, длинные имена переменных и т.п.
Чтобы минимизировать воздействие всего этого на скорость загрузки, разумно воспользоваться модулем сжатия CSS и JavaScript.
Модуль статичный так что после его установки и настройки имеет смысл подключить его к корневому элементу сайта.

После включения модуля все загружаемые CSS и JS файлы на странице будут объединены в два больших файла и сжаты для уменьшения места.
При объединении CSS файлов модуль умеет обрабатывать конструкции @include с указанием абсолютного пути от корня сайта.
В настройках модуля имеет смысл указать тип объединения: будут ли объединяться все файлы в пределах модуля или все файлы на странице. Второй вариант имеет смысл использовать только в том случае, если нужно непременно получить один файл. В этом случае объединенные файлы на разных страницах могут отличаться в зависимости от набора подключенных модулей, что негативно скажется на клиентском кэшировании. Первый же вариант объединяет файлы в пределах каждого модуля. Он более предпочтителен.

Галочка "сжимать файлы CSS" указывает на то, что из файла с объединенными CSS будут вырезаны все комментарии и незначащие пробелы. Настройка "обфускация JS" включает специальный тип сжатия итогового JS файла. Данную настройку не рекомендуется включать при использовании серверного gzip сжатия, так как обфусцированный файл плохо поддается компрессии, а gzip сжатие, зачастую, дает больший эффект нежели обфускация.
Объединенные и сжатые файлы генерируются один раз и в дальнейшем берутся из кэша, так что процессорного времени это не занимает. Чтобы сжатый файл всегда соответствовал по содержимому исходным файлам, они постоянно проверяются на наличие изменений. Если изменения туда не вносятся или вносятся очень редко, то можно настройку "проверка изменений" отключить - это сэкономит еще немного ресурсов.

 

Всего комментариев: 0

Имя*:

Email: