Введение
В этой статье я хочу показать как можно с помощью php реализовать сжатие CSS файлов. Для больших проектов, которые имеют много css файлов большого размера, сжатие может заметно ускорить загрузку страниц. Почти в каждом файле стилей можно найти куски закомментированного кода, повторы пробелов, табуляцию — все это можно удалить из файлов, а так же можно избавиться от переходов на новую строку. Помимо удаления лишних символов, будет полезно собрать все файлы в один файл, это тоже ускоряет загрузку страницы.
Все эти действия, разумеется, не прибавят стилям читаемости, но помогут уменьшить размер файлам. Я провел несколько экспериментов с css файлами с рабочих проектов, оказывается, что размер файлов можно уменьшить до 20% — это, как мне кажется, довольна не плохой результат.
Сжатие CSS файлов средствами php. Код
А теперь приведу непосредственно сам код сжатия. Код написан на php и оформлен в виде функции.
/**
* Функция для сжатия CSS файлов
* Удаляет комментарии, табуляцию, переходы на новую строку и повторяющиеся пробелы
* А также собирает все файлы в один
*
* @var $files_css array - массив путей до css файлов, которые необходимо сжать
* @var $new_file string - путь, куда будет сохранен сжатый файл
*
* @return bool - результат
*/
function compression_files($files_css, $new_file) {
// получаем содержимое всех css файлов
$content_css = "";
foreach($files_css as $one_file){
$content_css .= @file_get_contents($one_file);
if(!$content_css) return false; // если какой-то из файлов не получилось прочитать
}
// удаляем комментарии
$content_css = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $content_css);
// удаляем табуляции и переходы на новую строку
$content_css = str_replace(array("\r\n", "\r", "\n", "\t"), ' ', $content_css);
// удаляем повторяющиеся пробелы
$content_css = preg_replace('/ {2,}/', ' ', $content_css);
// сохраняем результат в файл
$css_file = fopen ($new_file, "w+");
fwrite($css_file, $content_css);
$result_save = fclose($css_file);
// вернем результат сохранения
return $result_save;
}
И пример использования этой функции:
// массив с путями до css файлов $css_array = array( 'css/style_1.css', 'css/style_2.css' ); // путь, куда будет сохранен сжатый файл $new_file = "css/compression_file.css"; // вызываем функцию сжатия $result = compression_files($css_array, $new_file); var_dump($result);
