Комбинируем и сжимаем файлы CSS с помощью PHP

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

В папке с таблицами стилей CSS создаем пустой PHP-файл с именем “css.php” и добавляем в него следующий код:

<?php // сжимаем и склеиваем файлы CSS
header('Content-type: text/css');
ob_start("compress");

function compress($buffer) {
	$buffer = preg_replace('!/*[^*]**+([^/][^*]**+)*/!', '', $buffer);
	$buffer = str_replace(array("rn", "r", "n", "t", '  ', '    ', '    '), '', $buffer);
	return $buffer;
}

include('reset.css');
include('base.css');
include('grid.css');
include('print.css');

ob_end_flush();
?>

Затем загружаем этот файл на сервер и делаем ссылку на него в секции ваших страниц сайта (или же просто, единожды в файл header.php вашего шаблона WordPress):

<link rel='stylesheet' href='http://example.com/css/css.php' type='text/css' media='all'>

Готово 🙂